Get Started
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
This library is in early development. Installation via package manager is not yet available.
Getting Started
For now, you can explore and copy the source code directly from our GitHub repository.
Browse the component source files in apps/v4/registry/new-york-v4/ui/ to see how each component is built.
Requirements
- React 18+
- Tailwind CSS v4
- TypeScript (recommended)
Usage
Once you've copied a component into your project:
import { Button } from "@/components/ui/button"
export function Demo() {
return <Button>Click Me</Button>
}