Sidebar

Displays the mobile sidebar.

⌘ K

Search

Search

No results found.

Components

Accordion /components/accordion/ Alert /components/alert/ Alert Dialog /components/alert-dialog/ Avatar /components/avatar/ Badge /components/badge/ Banner /components/banner/ Breadcrumb /components/breadcrumb/ Button /components/button/ Card /components/card/ Carousel /components/carousel/ Checkbox /components/checkbox/ Collapsible /components/collapsible/ Combobox /components/combobox/ Command /components/command/ Components /components/ Dialog /components/dialog/ Dropdown Menu /components/dropdown-menu/ Empty /components/empty/ Field /components/field/ Form /components/form/ Gradient /components/gradient/ Header /components/header/ Hover Card /components/hover-card/ Icon /components/icon/ Input /components/input/ Input Group /components/input-group/ Item /components/item/ Kbd /components/kbd/ Label /components/label/ Layout /components/layout/ Logo /components/logo/ Marquee /components/marquee/ Native Select /components/native-select/ Navigation Menu /components/navigation-menu/ Popover /components/popover/ Price /components/price/ Radio Group /components/radio-group/ Rating /components/rating/ Section /components/section/ Select /components/select/ Separator /components/separator/ Sheet /components/sheet/ Sidebar /components/sidebar/ Skeleton /components/skeleton/ Slider /components/slider/ Spinner /components/spinner/ Switch /components/switch/ Table /components/table/ Tabs /components/tabs/ Textarea /components/textarea/ Theme Toggle /components/theme-toggle/ Tile /components/tile/ Toc /components/toc/ Toggle /components/toggle/ Tooltip /components/tooltip/ Typography /components/typography/ Video /components/video/

Blocks

Article /blocks/article/ Article 1 /blocks/article-1/ Article 2 /blocks/article-2/ Articles /blocks/articles/ Articles 1 /blocks/articles-1/ Articles 2 /blocks/articles-2/ Articles 3 /blocks/articles-3/ Articles 4 /blocks/articles-4/ Banner /blocks/banner/ Banner 1 /blocks/banner-1/ Banner 2 /blocks/banner-2/ Blocks /blocks/ Contact /blocks/contact/ Contact 1 /blocks/contact-1/ Contact 2 /blocks/contact-2/ Contact 3 /blocks/contact-3/ Content /blocks/content/ Content 1 /blocks/content-1/ Content 2 /blocks/content-2/ Content 3 /blocks/content-3/ Content 4 /blocks/content-4/ Content 5 /blocks/content-5/ Content 6 /blocks/content-6/ Cta /blocks/cta/ CTA 1 /blocks/cta-1/ CTA 2 /blocks/cta-2/ CTA 3 /blocks/cta-3/ CTA 4 /blocks/cta-4/ CTA 5 /blocks/cta-5/ CTA 6 /blocks/cta-6/ CTA 7 /blocks/cta-7/ CTA 8 /blocks/cta-8/ Doc /blocks/doc/ Doc 1 /blocks/doc-1/ FAQs /blocks/faqs/ FAQs 1 /blocks/faqs-1/ FAQs 2 /blocks/faqs-2/ FAQs 3 /blocks/faqs-3/ FAQs 4 /blocks/faqs-4/ Features /blocks/features/ Features 1 /blocks/features-1/ Features 2 /blocks/features-2/ Features 3 /blocks/features-3/ Features 4 /blocks/features-4/ Features 5 /blocks/features-5/ Features 6 /blocks/features-6/ Footer /blocks/footer/ Footer 1 /blocks/footer-1/ Footer 2 /blocks/footer-2/ Footer 3 /blocks/footer-3/ Header /blocks/header/ Header 1 /blocks/header-1/ Header 2 /blocks/header-2/ Header 3 /blocks/header-3/ Header 4 /blocks/header-4/ Header 5 /blocks/header-5/ Hero /blocks/hero/ Hero 1 /blocks/hero-1/ Hero 10 /blocks/hero-10/ Hero 11 /blocks/hero-11/ Hero 12 /blocks/hero-12/ Hero 13 /blocks/hero-13/ Hero 2 /blocks/hero-2/ Hero 3 /blocks/hero-3/ Hero 4 /blocks/hero-4/ Hero 5 /blocks/hero-5/ Hero 6 /blocks/hero-6/ Hero 7 /blocks/hero-7/ Hero 8 /blocks/hero-8/ Hero 9 /blocks/hero-9/ Links /blocks/links/ Links 2 /blocks/links-2/ Logos /blocks/logos/ Logos 1 /blocks/logos-1/ Logos 2 /blocks/logos-2/ Logos 3 /blocks/logos-3/ Pricing /blocks/pricing/ Pricing 1 /blocks/pricing-1/ Pricing 2 /blocks/pricing-2/ Pricing 3 /blocks/pricing-3/ Product /blocks/product/ Product 1 /blocks/product-1/ Products /blocks/products/ Products 1 /blocks/products-1/ Products 2 /blocks/products-2/ Products 3 /blocks/products-3/ Products 4 /blocks/products-4/ Products 5 /blocks/products-5/ Reviews /blocks/reviews/ Reviews 1 /blocks/reviews-1/ Reviews 2 /blocks/reviews-2/ Reviews 3 /blocks/reviews-3/ Reviews 4 /blocks/reviews-4/ Reviews 5 /blocks/reviews-5/ Services /blocks/services/ Services 1 /blocks/services-1/ Services 2 /blocks/services-2/ Services 3 /blocks/services-3/ Services 4 /blocks/services-4/ Services 5 /blocks/services-5/ Services 6 /blocks/services-6/ Services 7 /blocks/services-7/

Docs

CLI /docs/cli/ Dark mode /docs/dark-mode/ Docs /docs/ Installation /docs/installation/ Introduction /docs/introduction/ Layouts /docs/layouts/ MCP /docs/mcp/ Skills /docs/skills/ Theming /docs/theming/

Overview

Docs

Introduction
Installation
Theming
Dark mode
CLI
MCP
Skills
Components
Blocks
Layouts

Components

Blocks

Article
Articles
Banner
Contact
Content
Cta
Doc
FAQs
Features
Footer
Header
Hero
Links
Logos
Pricing
Product
Products
Reviews
Services

⌘ K

Search

Search

No results found.

Components

Accordion /components/accordion/ Alert /components/alert/ Alert Dialog /components/alert-dialog/ Avatar /components/avatar/ Badge /components/badge/ Banner /components/banner/ Breadcrumb /components/breadcrumb/ Button /components/button/ Card /components/card/ Carousel /components/carousel/ Checkbox /components/checkbox/ Collapsible /components/collapsible/ Combobox /components/combobox/ Command /components/command/ Components /components/ Dialog /components/dialog/ Dropdown Menu /components/dropdown-menu/ Empty /components/empty/ Field /components/field/ Form /components/form/ Gradient /components/gradient/ Header /components/header/ Hover Card /components/hover-card/ Icon /components/icon/ Input /components/input/ Input Group /components/input-group/ Item /components/item/ Kbd /components/kbd/ Label /components/label/ Layout /components/layout/ Logo /components/logo/ Marquee /components/marquee/ Native Select /components/native-select/ Navigation Menu /components/navigation-menu/ Popover /components/popover/ Price /components/price/ Radio Group /components/radio-group/ Rating /components/rating/ Section /components/section/ Select /components/select/ Separator /components/separator/ Sheet /components/sheet/ Sidebar /components/sidebar/ Skeleton /components/skeleton/ Slider /components/slider/ Spinner /components/spinner/ Switch /components/switch/ Table /components/table/ Tabs /components/tabs/ Textarea /components/textarea/ Theme Toggle /components/theme-toggle/ Tile /components/tile/ Toc /components/toc/ Toggle /components/toggle/ Tooltip /components/tooltip/ Typography /components/typography/ Video /components/video/

Blocks

Article /blocks/article/ Article 1 /blocks/article-1/ Article 2 /blocks/article-2/ Articles /blocks/articles/ Articles 1 /blocks/articles-1/ Articles 2 /blocks/articles-2/ Articles 3 /blocks/articles-3/ Articles 4 /blocks/articles-4/ Banner /blocks/banner/ Banner 1 /blocks/banner-1/ Banner 2 /blocks/banner-2/ Blocks /blocks/ Contact /blocks/contact/ Contact 1 /blocks/contact-1/ Contact 2 /blocks/contact-2/ Contact 3 /blocks/contact-3/ Content /blocks/content/ Content 1 /blocks/content-1/ Content 2 /blocks/content-2/ Content 3 /blocks/content-3/ Content 4 /blocks/content-4/ Content 5 /blocks/content-5/ Content 6 /blocks/content-6/ Cta /blocks/cta/ CTA 1 /blocks/cta-1/ CTA 2 /blocks/cta-2/ CTA 3 /blocks/cta-3/ CTA 4 /blocks/cta-4/ CTA 5 /blocks/cta-5/ CTA 6 /blocks/cta-6/ CTA 7 /blocks/cta-7/ CTA 8 /blocks/cta-8/ Doc /blocks/doc/ Doc 1 /blocks/doc-1/ FAQs /blocks/faqs/ FAQs 1 /blocks/faqs-1/ FAQs 2 /blocks/faqs-2/ FAQs 3 /blocks/faqs-3/ FAQs 4 /blocks/faqs-4/ Features /blocks/features/ Features 1 /blocks/features-1/ Features 2 /blocks/features-2/ Features 3 /blocks/features-3/ Features 4 /blocks/features-4/ Features 5 /blocks/features-5/ Features 6 /blocks/features-6/ Footer /blocks/footer/ Footer 1 /blocks/footer-1/ Footer 2 /blocks/footer-2/ Footer 3 /blocks/footer-3/ Header /blocks/header/ Header 1 /blocks/header-1/ Header 2 /blocks/header-2/ Header 3 /blocks/header-3/ Header 4 /blocks/header-4/ Header 5 /blocks/header-5/ Hero /blocks/hero/ Hero 1 /blocks/hero-1/ Hero 10 /blocks/hero-10/ Hero 11 /blocks/hero-11/ Hero 12 /blocks/hero-12/ Hero 13 /blocks/hero-13/ Hero 2 /blocks/hero-2/ Hero 3 /blocks/hero-3/ Hero 4 /blocks/hero-4/ Hero 5 /blocks/hero-5/ Hero 6 /blocks/hero-6/ Hero 7 /blocks/hero-7/ Hero 8 /blocks/hero-8/ Hero 9 /blocks/hero-9/ Links /blocks/links/ Links 2 /blocks/links-2/ Logos /blocks/logos/ Logos 1 /blocks/logos-1/ Logos 2 /blocks/logos-2/ Logos 3 /blocks/logos-3/ Pricing /blocks/pricing/ Pricing 1 /blocks/pricing-1/ Pricing 2 /blocks/pricing-2/ Pricing 3 /blocks/pricing-3/ Product /blocks/product/ Product 1 /blocks/product-1/ Products /blocks/products/ Products 1 /blocks/products-1/ Products 2 /blocks/products-2/ Products 3 /blocks/products-3/ Products 4 /blocks/products-4/ Products 5 /blocks/products-5/ Reviews /blocks/reviews/ Reviews 1 /blocks/reviews-1/ Reviews 2 /blocks/reviews-2/ Reviews 3 /blocks/reviews-3/ Reviews 4 /blocks/reviews-4/ Reviews 5 /blocks/reviews-5/ Services /blocks/services/ Services 1 /blocks/services-1/ Services 2 /blocks/services-2/ Services 3 /blocks/services-3/ Services 4 /blocks/services-4/ Services 5 /blocks/services-5/ Services 6 /blocks/services-6/ Services 7 /blocks/services-7/

Docs

CLI /docs/cli/ Dark mode /docs/dark-mode/ Docs /docs/ Installation /docs/installation/ Introduction /docs/introduction/ Layouts /docs/layouts/ MCP /docs/mcp/ Skills /docs/skills/ Theming /docs/theming/

Overview

Docs

Introduction
Installation
Theming
Dark mode
CLI
MCP
Skills
Components
Blocks
Layouts

Components

Blocks

Article
Articles
Banner
Contact
Content
Cta
Doc
FAQs
Features
Footer
Header
Hero
Links
Logos
Pricing
Product
Products
Reviews
Services

Search

Search

No results found.

Components

Accordion /components/accordion/ Alert /components/alert/ Alert Dialog /components/alert-dialog/ Avatar /components/avatar/ Badge /components/badge/ Banner /components/banner/ Breadcrumb /components/breadcrumb/ Button /components/button/ Card /components/card/ Carousel /components/carousel/ Checkbox /components/checkbox/ Collapsible /components/collapsible/ Combobox /components/combobox/ Command /components/command/ Components /components/ Dialog /components/dialog/ Dropdown Menu /components/dropdown-menu/ Empty /components/empty/ Field /components/field/ Form /components/form/ Gradient /components/gradient/ Header /components/header/ Hover Card /components/hover-card/ Icon /components/icon/ Input /components/input/ Input Group /components/input-group/ Item /components/item/ Kbd /components/kbd/ Label /components/label/ Layout /components/layout/ Logo /components/logo/ Marquee /components/marquee/ Native Select /components/native-select/ Navigation Menu /components/navigation-menu/ Popover /components/popover/ Price /components/price/ Radio Group /components/radio-group/ Rating /components/rating/ Section /components/section/ Select /components/select/ Separator /components/separator/ Sheet /components/sheet/ Sidebar /components/sidebar/ Skeleton /components/skeleton/ Slider /components/slider/ Spinner /components/spinner/ Switch /components/switch/ Table /components/table/ Tabs /components/tabs/ Textarea /components/textarea/ Theme Toggle /components/theme-toggle/ Tile /components/tile/ Toc /components/toc/ Toggle /components/toggle/ Tooltip /components/tooltip/ Typography /components/typography/ Video /components/video/

Blocks

Article /blocks/article/ Article 1 /blocks/article-1/ Article 2 /blocks/article-2/ Articles /blocks/articles/ Articles 1 /blocks/articles-1/ Articles 2 /blocks/articles-2/ Articles 3 /blocks/articles-3/ Articles 4 /blocks/articles-4/ Banner /blocks/banner/ Banner 1 /blocks/banner-1/ Banner 2 /blocks/banner-2/ Blocks /blocks/ Contact /blocks/contact/ Contact 1 /blocks/contact-1/ Contact 2 /blocks/contact-2/ Contact 3 /blocks/contact-3/ Content /blocks/content/ Content 1 /blocks/content-1/ Content 2 /blocks/content-2/ Content 3 /blocks/content-3/ Content 4 /blocks/content-4/ Content 5 /blocks/content-5/ Content 6 /blocks/content-6/ Cta /blocks/cta/ CTA 1 /blocks/cta-1/ CTA 2 /blocks/cta-2/ CTA 3 /blocks/cta-3/ CTA 4 /blocks/cta-4/ CTA 5 /blocks/cta-5/ CTA 6 /blocks/cta-6/ CTA 7 /blocks/cta-7/ CTA 8 /blocks/cta-8/ Doc /blocks/doc/ Doc 1 /blocks/doc-1/ FAQs /blocks/faqs/ FAQs 1 /blocks/faqs-1/ FAQs 2 /blocks/faqs-2/ FAQs 3 /blocks/faqs-3/ FAQs 4 /blocks/faqs-4/ Features /blocks/features/ Features 1 /blocks/features-1/ Features 2 /blocks/features-2/ Features 3 /blocks/features-3/ Features 4 /blocks/features-4/ Features 5 /blocks/features-5/ Features 6 /blocks/features-6/ Footer /blocks/footer/ Footer 1 /blocks/footer-1/ Footer 2 /blocks/footer-2/ Footer 3 /blocks/footer-3/ Header /blocks/header/ Header 1 /blocks/header-1/ Header 2 /blocks/header-2/ Header 3 /blocks/header-3/ Header 4 /blocks/header-4/ Header 5 /blocks/header-5/ Hero /blocks/hero/ Hero 1 /blocks/hero-1/ Hero 10 /blocks/hero-10/ Hero 11 /blocks/hero-11/ Hero 12 /blocks/hero-12/ Hero 13 /blocks/hero-13/ Hero 2 /blocks/hero-2/ Hero 3 /blocks/hero-3/ Hero 4 /blocks/hero-4/ Hero 5 /blocks/hero-5/ Hero 6 /blocks/hero-6/ Hero 7 /blocks/hero-7/ Hero 8 /blocks/hero-8/ Hero 9 /blocks/hero-9/ Links /blocks/links/ Links 2 /blocks/links-2/ Logos /blocks/logos/ Logos 1 /blocks/logos-1/ Logos 2 /blocks/logos-2/ Logos 3 /blocks/logos-3/ Pricing /blocks/pricing/ Pricing 1 /blocks/pricing-1/ Pricing 2 /blocks/pricing-2/ Pricing 3 /blocks/pricing-3/ Product /blocks/product/ Product 1 /blocks/product-1/ Products /blocks/products/ Products 1 /blocks/products-1/ Products 2 /blocks/products-2/ Products 3 /blocks/products-3/ Products 4 /blocks/products-4/ Products 5 /blocks/products-5/ Reviews /blocks/reviews/ Reviews 1 /blocks/reviews-1/ Reviews 2 /blocks/reviews-2/ Reviews 3 /blocks/reviews-3/ Reviews 4 /blocks/reviews-4/ Reviews 5 /blocks/reviews-5/ Services /blocks/services/ Services 1 /blocks/services-1/ Services 2 /blocks/services-2/ Services 3 /blocks/services-3/ Services 4 /blocks/services-4/ Services 5 /blocks/services-5/ Services 6 /blocks/services-6/ Services 7 /blocks/services-7/

Docs

CLI /docs/cli/ Dark mode /docs/dark-mode/ Docs /docs/ Installation /docs/installation/ Introduction /docs/introduction/ Layouts /docs/layouts/ MCP /docs/mcp/ Skills /docs/skills/ Theming /docs/theming/

Overview

Home
/

Docs

Browse Fulldev UI documentation.

Introduction Open-source Astro UI components and blocks that developers and AI agents can use to build content-driven Astro websites. Installation Install Fulldev UI for Astro. Theming Change colors, radius, fonts, and shadows through CSS variables. Dark mode Add a class-based dark mode with the theme toggle. CLI Use the shadcn CLI with the Fulldev UI registry. MCP Let AI assistants browse and install Fulldev UI through the shadcn MCP server. Skills Use AI skills with Fulldev UI and shadcn-compatible projects. Components Browse installable Fulldev UI components. Blocks Full-width Astro previews for page sections. Layouts How Fulldev projects separate content, schemas, layouts, and reusable UI.