Getting Started

Introduction Installation Theming

Astro Next.js Vite

Changelog FigmaComing soon

AI

MCP Server llms.txt llms-full.txt

Components

Accordion Alert Dialog Alert Autocomplete Avatar Group Avatar Badge Breadcrumb Button Group Button 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 Group Toggle Toolbar Tooltip

Utilities

Corner Shape 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

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