betaversion/ui
DocsComponentsBlocksCharts
Sections
  • Get Started
  • Components
  • Forms
Get Started
  • Installation
  • components.json
  • Theming
  • Dark Mode
  • CLI
  • Monorepo
  • Open in v0
  • JavaScript
  • Blocks
  • Figma
  • llms.txt
  • Legacy Docs
Components
  • Accordion
  • Alert Dialog
  • Alert
  • Aspect Ratio
  • Avatar
  • Badge
  • Breadcrumb
  • Button Group
  • Button
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Data Table
  • Date Picker
  • Dialog
  • Drawer
  • Dropdown Menu
  • Empty
  • Field
  • Form
  • Hover Card
  • Input Group
  • Input OTP
  • Input
  • 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 Group
  • Toggle
  • Tooltip
  • Typography
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

Installation

PreviousNext

How to install dependencies and structure your app.

Pick Your Framework

Start by selecting your framework of choice. Then follow the instructions to install the dependencies and structure your app. shadcn/ui is built to work with all React frameworks.

Next.js

Next.js

Vite

Vite

Laravel

React Router

Astro

Astro

TanStack Start

TanStack Router

React

Manual

Introductioncomponents.json

On This Page

Pick Your Framework
©2026 BetaVersion.IO All rights reserved.