Getting Started

Introduction Installation Theming

Astro Next.js Vite

FigmaComing soon

AI

MCP Server llms.txt llms-full.txt

Components

Accordion Alert Alert Dialog Autocomplete Avatar Avatar Group Badge Breadcrumb Button Button Group Card Checkbox Collapsible Combobox Context Menu Dialog Empty Field Fieldset Form Input Kbd Menu Menubar Meter Navigation Menu Number Field Pagination Popover Preview Card Progress Radio Resizable Scroll Area Select Separator Sheet Sidebar Skip navigation Slider Spinner Switch Table Tabs Textarea Toast Toggle Toggle Group Toolbar Tooltip

Utilities

Corner Shape Reading Indicator Touch Hitbox

Dark Mode

Adding dark mode to your site.

Next.js

Dark mode instructions for Next.js

Vite

Dark mode instructions for Vite

Astro

Dark mode instructions for Astro

Last updated on

Theming

Using CSS Variables and color utilities for theming.

Astro

Adding dark mode to your astro app.

On this page

No Headings

Contribute

Report an issue
Edit this page
Start a discussion