Skip to main content Skip to navigation

Docs Components AI Blocks Builder Charts Themes Colors MCP

Getting Started

Introduction Installation components.json Theming Dark mode CLI Typography Figma Changelog

Components

Accordion Alert Alert Dialog Aspect Ratio Avatar Badge BreadcrumbNew Button Calendar Card Carousel Checkbox Collapsible Combobox Command Context Menu Data Table Date Picker Dialog Drawer Dropdown Menu Form Hover Card Input Input OTPNew Label Menubar Navigation Menu Pagination Popover Progress Radio Group Resizable Scroll Area Select Separator Sheet Skeleton Slider Sonner Switch Table Tabs Textarea Toast Toggle Toggle Group Tooltip

Code Components

Code BlockNew Code EditorNew Code TabsNew SandboxNew SnippetNew

Project Management

Gantt ChartNew Kanban BoardNew ListNew TableNew

Device Mockups

AndroidNew iPhone 15 ProNew SafariNew

Dock Components

DockNew Limelight NavNew macOS DockNew Menu DockNew Message DockNew

Form Components

ChoiceboxNew Color PickerNew ComboboxNew DropzoneNew EditorNew Minimal TiptapNew Image CropNew Image ZoomNew

3D Components

3D CardNew 3D MarqueeNew 3D PinNew

Animation Components

Animated BeamNew Animated CursorNew Animated TestimonialsNew Animated TooltipNew Apple Cards CarouselNew Apple Hello EffectNew GlimpseNew Interactive Grid PatternNew MagneticNew Motion HighlightNew ParticlesNew Pin ListNew Pixel ImageNew SpinnerNew Stars Scrolling WheelNew TabsNew

UI Elements

AnnouncementNew Avatar GroupNew BannerNew Credit CardNew CursorNew Dialog StackNew MarqueeNew PillNew TagsNew TickerNew

Navigation Bars

Simple NavigationNew Advanced NavigationNew Underline NavigationNew E-commerce NavigationNew Dashboard NavigationNew Icon NavigationNew Breadcrumb NavigationNew Two-Tier NavigationNew Communication NavigationNew Centered Logo NavigationNew Context Switcher NavigationNew Team Switcher NavigationNew AI Model Selector NavigationNew Search and Toggle NavigationNew Breadcrumb and Filters NavigationNew App Switcher NavigationNew Collaboration NavigationNew Status Dashboard NavigationNew

Utility Components

CalendarNew Mini CalendarNew ComparisonNew kbdNew QR CodeNew Relative TimeNew StatusNew TerminalNew Video PlayerNew

Finance Components

Advanced ChartNew Stock MarketNew Crypto MarketNew Forex MarketNew Stock ScreenerNew Crypto ScreenerNew Forex ScreenerNew Symbol InfoNew Company ProfileNew FinancialsNew Technical AnalysisNew News TimelineNew Order EntryNew Positions ListNew Orders HistoryNew

AI Components

AI PlaygroundNew AI ActionsNew AI ModelsNew AI ChatNew AI AssistantNew AI VisionNew AI AgentsNew AI ToolsNew

Blocks

Hero Sections Feature Sections CTA Sections Pricing Tables Billing & PaymentsNew Compose SpecNew Contact Forms Testimonials Team Sections Stats Sections FAQ Sections Newsletter Forms

Charts

Getting started Area Chart Bar Chart Line Chart Pie Chart Radar Chart Radial Chart Tooltip

Frameworks

Overview React Vue SvelteBeta React NativeBeta

Packages

Testing

White-Label

White-Label Guide

Dark Mode

Adding dark mode to your site.

Next.js

Vite

Astro

Remix

Video Player Astro

Getting Started

Introduction
Installation
CLI
Components

Frameworks

Overview
React
Vue
Svelte
React Native

Resources

Packages
Testing
White-Label
Blocks
Page Builder

Community

GitHub
Twitter
Discord
Changelog

Built by @hanzoai. The source code is available on GitHub.

Documentation Contribute v5.0.0