Style Driven Design System
DocsSetupComponentsBlocksCreate
New
Sections
  • Style Driven
  • Components
  • Registry
  • CLI
  • MCP Server
  • Theming
  • Forms
  • Installation
  • Changelog
Style Driven
  • Style Driven Design System
  • Setup
  • Brand Guide
  • Brand Hierarchy
  • Why Brand
  • Components
Components
  • Accordion
  • Alert
  • Alert Dialog
  • Aspect Ratio
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Data Table
  • Date Picker
  • Dialog
  • Direction
  • Drawer
  • Dropdown Menu
  • Empty
  • Field
  • Hover Card
  • Input
  • Input Group
  • Input OTP
  • Item
  • Kbd
  • Label
  • Menubar
  • Native Select
  • Navigation Menu
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Resizable
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Sonner
  • Spinner
  • Switch
  • Table
  • Tabs
  • Textarea
  • Toast
  • Toggle
  • Toggle Group
  • Tooltip
  • Typography
Get Started
  • Installation
  • components.json
  • Theming
  • Dark Mode
  • CLI
  • Monorepo
  • Skills
  • Open in v0
  • JavaScript
  • Figma
  • llms.txt
  • Legacy Docs
Forms
  • React Hook Form
  • TanStack Form
Registry
  • Introduction
  • Getting Started
  • Namespaces
  • Authentication
  • Examples
  • MCP Server
  • Add a Registry
  • Open in v0
  • registry.json
  • registry-item.json

November 2024 - Icons

The new-york style now uses Lucide as the default icon set.

An update on icons. The new-york style now uses Lucide as the default icon set.

  • New projects will use Lucide by default
  • No breaking changes for existing projects
  • Use the CLI to (optionally) migrate primitives to Lucide

For more info on why we're doing this, see the thread.

Deploy your StyleDriven UI app on Vercel
Trusted by OpenAI, Sonos, Adobe, and more.
Vercel provides tools and infrastructure to deploy apps and features at scale.
Deploy to Vercel
Forked and modified by Style Driven from shadcn at Vercel.