@vamos-cms/ui · v0.1

Components

One component kit for every admin panel — CMS, CRM, HR, partner portals — and the websites around them. Every component follows five axes: theme, material (glass/solid), accent, density and font. Pick a component to see a live preview, the code, installation and the props table.

7 ready143 planned

Foundations3/10

  • Button
  • Icon Button
  • Button Groupnext
  • Badge
  • Kbdnext
  • Avatar & avatar groupnext
  • Separatornext
  • Spinnernext
  • Skeletonnext
  • Typographynext

Forms & inputs3/19

  • Input
  • Textarea
  • Field
  • Selectnext
  • Comboboxnext
  • Checkboxnext
  • Radio Groupnext
  • Switchnext
  • Slider (range)next
  • Input OTP
  • Tag input
  • Color picker
  • Slug input
  • Formatted inputs (currency · phone · IBAN · ID)
  • Address field
  • Line items
  • File upload
  • Signature pad
  • Font picker

Pickers0/7

  • Date Picker
  • Date range picker
  • Time picker
  • Record picker (relation)
  • User picker
  • Status picker
  • Tree select

Overlays & feedback0/14

  • Dialognext
  • Alert Dialognext
  • Sheet / Drawernext
  • Popovernext
  • Tooltipnext
  • Hover Card
  • Dropdown Menunext
  • Context Menu
  • Command (⌘K)next
  • Toastnext
  • Alertnext
  • Progressnext
  • Empty statenext
  • Notification center

Navigation0/8

  • Sidebar (multi-level)next
  • Top barnext
  • Tabsnext
  • Breadcrumbnext
  • Paginationnext
  • Navigation Menu
  • Accordion
  • Stepper

Page layouts0/8

  • App shell
  • Page headernext
  • List layout
  • Record detail layout
  • Editor layout (content + side panel)
  • Settings layout
  • Resizable
  • Scroll Area

Data display1/16

  • Card
  • Stat / KPInext
  • Tablenext
  • Data Tablenext
  • Filter barnext
  • Saved views
  • Item / list row
  • Entity card (person · company · product)
  • Description list
  • Activity timelinenext
  • Comment thread & mentions
  • Attachment list
  • Task / checklist
  • Tree view
  • Version history & diff
  • Audit log

Charts0/10

  • Chart frame
  • Areanext
  • Barnext
  • Linenext
  • Donut / Pienext
  • Combo (bar + line)
  • Funnel
  • Gauge
  • Sparklinenext
  • Heatmap

Calendar & time0/5

  • Calendar
  • Agenda / scheduler
  • Resource calendar (people × days)
  • Gantt
  • Time tracker

Editors & drag-and-drop0/6

  • Kanban
  • Sortable list / tree
  • Hierarchy chart
  • Rich text / block editor
  • Image cropper
  • Permission matrix

Flows & wizards0/5

  • Multi-step form
  • Approval flow
  • Import wizard
  • Export
  • Setup checklist

Media0/9

  • Image (aspect · blur placeholder)next
  • Carouselnext
  • Gallery grid
  • Lightbox
  • Media library
  • Media picker
  • Image field (select · crop · focal point)
  • Video player
  • Link previews (search · social card)

Site blocks0/26

  • Navbar
  • Hero (5 variants)
  • Feature grid
  • Logo strip
  • Stats band
  • Pricing table
  • Comparison table
  • Testimonials
  • Team
  • FAQ
  • Process / steps
  • CTA
  • Blog list
  • Article layout
  • Page intro
  • Rich text section
  • Media + text
  • Contact form
  • Map & opening hours
  • Menu / price list
  • Gallery section
  • Announcement bar
  • Cookie / consent banner
  • Contact dock (WhatsApp · call)
  • Footer
  • 404

Recipes

Domain screens built only from kit components. Copy one and adapt it.

CMS
  • Post editor
  • Media library
  • Menu manager
  • Comment moderation
CRM
  • Sales pipeline
  • Contact detail
  • Quote builder
  • Activity feed
HR
  • Employee directory
  • Leave request + approval
  • Shift planner
  • Org chart
PRM / Ops
  • Partner portal
  • Project gantt
  • Timesheet
  • Invoice list
Shared
  • Dashboard
  • Settings
  • Users & roles
  • Sign in / sign up