Sidebar
Displays the mobile sidebar.
Fulldev UI
⌘
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/
Header
/components/header/
Hover Card
/components/hover-card/
Icon
/components/icon/
Image
/components/image/
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/
Init
/docs/init/
Installation
/docs/installation/
Introduction
/docs/introduction/
Layouts
/docs/layouts/
MCP
/docs/mcp/
Skills
/docs/skills/
Theming
/docs/theming/
Overview
Home
/
Docs
Introduction
Installation
Theming
Dark mode
CLI
MCP
Skills
Components
Blocks
Layouts
Components
Accordion
Alert Dialog
Alert
Avatar
Badge
Banner
Breadcrumb
Button
Card
Carousel
Checkbox
Collapsible
Combobox
Command
Dialog
Dropdown Menu
Empty
Field
Form
Header
Hover Card
Icon
Input Group
Input
Item
Kbd
Label
Layout
Logo
Marquee
Native Select
Navigation Menu
Popover
Price
Radio Group
Rating
Section
Select
Separator
Sheet
Sidebar
Skeleton
Slider
Spinner
Switch
Table
Tabs
Textarea
Theme Toggle
Toc
Toggle
Tooltip
Typography
Video
Blocks
Article
Articles
Banner
Contact
Content
CTA
Doc
FAQs
Features
Footer
Header
Hero
Links
Logos
Pricing
Product
Products
Reviews
Services
Fulldev UI
⌘
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/
Header
/components/header/
Hover Card
/components/hover-card/
Icon
/components/icon/
Image
/components/image/
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/
Init
/docs/init/
Installation
/docs/installation/
Introduction
/docs/introduction/
Layouts
/docs/layouts/
MCP
/docs/mcp/
Skills
/docs/skills/
Theming
/docs/theming/
Overview
Home
/
Docs
Introduction
Installation
Theming
Dark mode
CLI
MCP
Skills
Components
Blocks
Layouts
Components
Accordion
Alert Dialog
Alert
Avatar
Badge
Banner
Breadcrumb
Button
Card
Carousel
Checkbox
Collapsible
Combobox
Command
Dialog
Dropdown Menu
Empty
Field
Form
Header
Hover Card
Icon
Input Group
Input
Item
Kbd
Label
Layout
Logo
Marquee
Native Select
Navigation Menu
Popover
Price
Radio Group
Rating
Section
Select
Separator
Sheet
Sidebar
Skeleton
Slider
Spinner
Switch
Table
Tabs
Textarea
Theme Toggle
Toc
Toggle
Tooltip
Typography
Video
Blocks
Article
Articles
Banner
Contact
Content
CTA
Doc
FAQs
Features
Footer
Header
Hero
Links
Logos
Pricing
Product
Products
Reviews
Services
Toggle Sidebar
Home
/
Components
Docs
Components
Blocks
GitHub
Stars
Toggle theme
Components
Browse installable Fulldev UI components.
Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
Alert
Displays a callout for user attention.
Alert Dialog
A modal dialog for important confirmations that expects a response.
Avatar
An image element with a fallback for representing the user.
Badge
Displays a badge or a component that looks like a badge.
Banner
A full-width container for important messages or announcements.
Breadcrumb
Displays the path to the current resource using a hierarchy of links.
Button
Displays a button or a component that looks like a button.
Card
Displays a card with header, content, and footer.
Carousel
A carousel with motion and swipe built using Embla.
Checkbox
A control that allows the user to toggle between checked and not checked.
Collapsible
An interactive component which expands/collapses a panel.
Combobox
Autocomplete input with a list of suggestions.
Command
Command menu for search and quick actions.
Dialog
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Dropdown Menu
Displays a menu to the user, such as a set of actions or functions, triggered by a button.
Empty
Displays an empty state placeholder with optional media, title, and description.
Field
Combine labels, controls, and help text to compose accessible form fields and grouped inputs.
Form
A thin Astro form wrapper with sensible vertical spacing for fulldev field primitives.
Header
A responsive site header with grouped content.
Hover Card
For sighted users to preview content available behind a link.
Icon
Render Fulldev icons from Lucide and Simple Icons.
Image
Deprecated image component guidance for Fulldev UI projects.
Input
Displays a form input field or a component that looks like an input field.
Input Group
Add addons, buttons, and helper content to inputs.
Item
A versatile component for displaying content with media, title, description, and actions.
Kbd
Used to display textual user input from keyboard.
Label
Renders an accessible label associated with a control.
Layout
Page-shell primitives for the root html, head, body, and main structure.
Logo
A component for displaying a brand logo.
Marquee
A continuous scrolling animation component for displaying content in a loop.
Native Select
A styled native HTML select element with consistent design system integration.
Navigation Menu
A collection of links for navigating websites.
Popover
Displays rich content in a floating layer, triggered by a button.
Price
A flexible price display component for showing pricing information.
Radio Group
A set of checkable buttons, known as radio buttons, where no more than one of the buttons can be checked at a time.
Rating
A star rating component for displaying ratings visually.
Section
A layout component for organizing page content into sections.
Select
Displays a list of options for the user to pick from, triggered by a button.
Separator
Visually or semantically separates content.
Sheet
A sliding panel component that appears from the edge of the screen.
Sidebar
A composable, themeable, and customizable Astro sidebar component.
Skeleton
Use a skeleton as a placeholder while content is loading.
Slider
An input where the user selects a value from within a given range.
Spinner
An animated loading indicator.
Switch
A control that allows the user to toggle between checked and not checked.
Table
A data table component that displays information in rows and columns.
Tabs
A set of layered sections of content, known as tabs, that display one panel of content at a time.
Textarea
Displays a form textarea or a component that looks like a textarea.
Theme Toggle
A two-state theme toggle that switches immediately between light and dark mode.
Tile
A minimal surface primitive for flexible grid cells and link tiles.
Toc
Displays a simple table of contents for page sections and subsections.
Toggle
A two-state button that can be either on or off.
Tooltip
Displays contextual information when a user hovers or focuses a trigger.
Typography
Automatic prose styling and semantic text primitives for documentation and content-heavy interfaces.
Video
A responsive video component that supports YouTube videos and shorts.