Search...

Search documentation...

Introduction

Vesuvius UI

Vesuvius UI is a complete React + TypeScript component kit, built on Radix UI primitives and styled with Tailwind CSS v4. It ships as a single package, @pompeitech/vesuvius-ui, with:

  • 65+ components, organized (following Atomic Design) as atoms, molecules, and organisms.
  • 10 built-in color themes (Lava, Stripe, Vercel, Supabase, Linear, Claude, Amber Minimal, Claymorphism, Alpine, Aubergine), each with independent light/dark modes.
  • Accessibility for free, inherited from Radix UI's unstyled primitives underneath every composed component.
  • A live demo — a full admin dashboard built entirely with this kit.

Where to go next

  • Installation — add the package and its CSS to your app.
  • Components — the full reference, with live examples.