Sidebar
Displays the mobile sidebar.
Fulldev UI
React
React
Astro
Astro
React
React
Search
⌘ + K
Search
Search
No results found.
Components
Accordion
/react/components/accordion/
Alert
/react/components/alert/
Alert Dialog
/react/components/alert-dialog/
Aspect Ratio
/react/components/aspect-ratio/
Attachment
/react/components/attachment/
Avatar
/react/components/avatar/
Badge
/react/components/badge/
Banner
/react/components/banner/
Breadcrumb
/react/components/breadcrumb/
Bubble
/react/components/bubble/
Button
/react/components/button/
Button Group
/react/components/button-group/
Calendar
/react/components/calendar/
Card
/react/components/card/
Carousel
/react/components/carousel/
Chart
/react/components/chart/
Checkbox
/react/components/checkbox/
Collapsible
/react/components/collapsible/
Combobox
/react/components/combobox/
Command
/react/components/command/
Components
/react/components/
Context Menu
/react/components/context-menu/
Data Table
/react/components/data-table/
Date Picker
/react/components/date-picker/
Dialog
/react/components/dialog/
Direction
/react/components/direction/
Drawer
/react/components/drawer/
Dropdown Menu
/react/components/dropdown-menu/
Empty
/react/components/empty/
Field
/react/components/field/
Form
/react/components/form/
Header
/react/components/header/
Hover Card
/react/components/hover-card/
Icon
/react/components/icon/
Input
/react/components/input/
Input Group
/react/components/input-group/
Input OTP
/react/components/input-otp/
Item
/react/components/item/
Kbd
/react/components/kbd/
Label
/react/components/label/
Layout
/react/components/layout/
Logo
/react/components/logo/
Marker
/react/components/marker/
Marquee
/react/components/marquee/
Menubar
/react/components/menubar/
Message
/react/components/message/
Message Scroller
/react/components/message-scroller/
Native Select
/react/components/native-select/
Navigation Menu
/react/components/navigation-menu/
Pagination
/react/components/pagination/
Popover
/react/components/popover/
Price
/react/components/price/
Progress
/react/components/progress/
Questionnaire
/react/components/questionnaire/
Radio Group
/react/components/radio-group/
Rating
/react/components/rating/
Resizable
/react/components/resizable/
Scroll Area
/react/components/scroll-area/
Section
/react/components/section/
Select
/react/components/select/
Separator
/react/components/separator/
Sheet
/react/components/sheet/
Sidebar
/react/components/sidebar/
Skeleton
/react/components/skeleton/
Slider
/react/components/slider/
Sonner
/react/components/sonner/
Spinner
/react/components/spinner/
Switch
/react/components/switch/
Table
/react/components/table/
Tabs
/react/components/tabs/
Textarea
/react/components/textarea/
Theme Toggle
/react/components/theme-toggle/
Toast
/react/components/toast/
Toc
/react/components/toc/
Toggle
/react/components/toggle/
Toggle Group
/react/components/toggle-group/
Tooltip
/react/components/tooltip/
Typography
/react/components/typography/
Video
/react/components/video/
Blocks
Article
/react/blocks/article/
Articles
/react/blocks/articles/
Banner
/react/blocks/banner/
Blocks
/react/blocks/
Blocks
/react/blocks/blocks/
Contact
/react/blocks/contact/
Content
/react/blocks/content/
Cta
/react/blocks/cta/
Doc
/react/blocks/doc/
Faqs
/react/blocks/faqs/
Features
/react/blocks/features/
Footer
/react/blocks/footer/
Header
/react/blocks/header/
Hero
/react/blocks/hero/
Links
/react/blocks/links/
Logos
/react/blocks/logos/
Pricing
/react/blocks/pricing/
Product
/react/blocks/product/
Products
/react/blocks/products/
Reviews
/react/blocks/reviews/
Services
/react/blocks/services/
Sidebar
/react/blocks/sidebar/
Create
Create
/create/
Docs
Docs
/react/docs/
Installation
/react/docs/installation/
Introduction
/react/docs/introduction/
Overview
Home
/
React
/react/
Get started
Introduction
Installation
Create
Components
Accordion
Alert
Alert Dialog
Aspect Ratio
Attachment
Avatar
Badge
Banner
Breadcrumb
Bubble
Button
Button Group
Calendar
Card
Carousel
Chart
Checkbox
Collapsible
Combobox
Command
Context Menu
Data Table
Date Picker
Dialog
Direction
Drawer
Dropdown Menu
Empty
Field
Form
Header
Hover Card
Icon
Input
Input Group
Input OTP
Item
Kbd
Label
Layout
Logo
Marker
Marquee
Menubar
Message
Message Scroller
Native Select
Navigation Menu
Pagination
Popover
Price
Progress
Questionnaire
Radio Group
Rating
Resizable
Scroll Area
Section
Select
Separator
Sheet
Sidebar
Skeleton
Slider
Sonner
Spinner
Switch
Table
Tabs
Textarea
Theme Toggle
Toast
Toc
Toggle
Toggle Group
Tooltip
Typography
Video
Blocks
Article
Articles
Banner
Blocks
Contact
Content
Cta
Doc
Faqs
Features
Footer
Header
Hero
Links
Logos
Pricing
Product
Products
Reviews
Services
Sidebar
Toggle Sidebar
Home
/
React
/
Blocks
Docs
Components
Blocks
Create
GitHub
View fulldotdev/ui on GitHub
Stars
Toggle theme
Blocks
Full-width React page sections.
Article
Editorial article layouts for long-form stories, interviews, and analysis.
Articles
Collection and listing layouts for journals, magazines, and editorial feeds.
Banner
Announcement and promo bars that sit above or inside page content.
Blocks
The header of a block catalog page, with Copy Markdown and open-in links.
Contact
Contact sections for project inquiries, support, and sales conversations.
Content
Flexible narrative content sections for explainers, comparisons, and supporting context.
Cta
Call-to-action sections that close pages, bridge sections, or reinforce a launch moment.
Doc
Documentation page shells for component pages with content, table of contents, and contextual links.
Faqs
FAQ sections for product pages, launches, and documentation support content.
Features
Feature section layouts for product narratives, launch pages, and capability overviews.
Footer
Footer layouts for utility navigation, brand presence, and last-mile calls to action.
Header
Header layouts for brand, navigation, and high-level page actions.
Hero
Hero sections for launches, product storytelling, editorial pages, and social proof.
Links
Link grid blocks for presenting related pages, components, or resources.
Logos
Logo sections for trust, partner strips, and quiet social proof.
Pricing
Pricing sections for plan grids, featured offers, and concise offer presentation.
Product
A focused product section for flagship offers and compact product storytelling.
Products
Product collection layouts for bundles, grouped offers, and category-led merchandising.
Reviews
Testimonial and review sections for social proof, trust, and product validation.
Services
Service section layouts for agencies, consultancies, and internal platform teams.
Sidebar
A docs shell with a sidebar, search, breadcrumb and theme toggle.