Components & Blocks
Explore our comprehensive collection of 56 React components and blocks. From basic UI elements to complex composed components for modern applications.
Components
44 itemsBasic UI elements that form the foundation of your application. These components are designed to be flexible, accessible, and easy to customize.
Accordion
ComponentCollapsible content sections with smooth animations
Adaptive Input
ComponentSmart input that adapts to different data types
Alert
ComponentDisplay important messages and notifications
Alert Dialog
ComponentModal dialogs for confirmations and alerts
Autocomplete
ComponentInput with intelligent suggestions and completion
Avatar
ComponentUser profile pictures with fallback options
Badge
ComponentSmall status indicators and labels
Button
ComponentInteractive buttons with multiple variants and states
Calendar
ComponentDate picker and calendar component
Card
ComponentFlexible content containers with header and footer
Carousel
ComponentImage and content slider with navigation
Checkbox
ComponentMulti-selection input with indeterminate state
Collapsible
ComponentExpandable content sections
Command
ComponentCommand palette for quick actions and navigation
Currency Input
ComponentFormatted input for monetary values
Dialog
ComponentModal dialogs and overlays
Dropdown Menu
ComponentContextual menus and action lists
HTML Text Area
ComponentRich text area with HTML support
Input
ComponentText input fields with multiple sizes and types
Label
ComponentForm labels with accessibility features
Multi Select
ComponentMultiple selection dropdown with search
Navigation Menu
ComponentHierarchical navigation with dropdowns
Number Stepper
ComponentNumeric input with increment/decrement controls
Pagination
ComponentPage navigation for large datasets
Password Input
ComponentSecure password input with visibility toggle
Popover
ComponentFloating content containers
Progress
ComponentProgress bars and loading indicators
Radio Group
ComponentSingle selection from multiple options
Search Bar
ComponentEnhanced search input with suggestions
Select
ComponentDropdown selection with search and grouping
Separator
ComponentVisual dividers for content sections
Sheet
ComponentSlide-out panels and drawers
Skeleton
ComponentLoading placeholders for content
Slider
ComponentRange input for numeric values
Spinner
ComponentLoading spinners and activity indicators
Switch
ComponentToggle switches for boolean values
Table
ComponentData tables with sorting and styling
Tabs
ComponentTabbed content navigation
Tag Input
ComponentInput for creating and managing tags
Textarea
ComponentMulti-line text input with auto-resize
Toaster
ComponentToast notifications and alerts
Toggle
ComponentToggle buttons for state changes
Toggle Group
ComponentGrouped toggle buttons for multiple selections
Tooltip
ComponentContextual help and information overlays
Blocks
12 itemsComplex, composed components that solve specific use cases. These blocks combine multiple components to provide advanced functionality out of the box.
Bento Grid
BlockFlexible masonry-style grid layout system
Data Table
BlockAdvanced table with sorting, filtering, and pagination
Empty Message
BlockElegant empty state component with actions
File Upload Dropzone
BlockDrag-and-drop file upload with progress tracking
Help Carousel
BlockInteractive tutorial and help carousel
HTML Text Editor
BlockRich text editor with formatting toolbar
Lazy Image Gallery
BlockPerformance-optimized image gallery with lazy loading
Month Navigator
BlockCalendar navigation for month-based data
Navigable List
BlockKeyboard-navigable list with selection
Paginated Items
BlockPagination wrapper for any content type
Pagination Controls
BlockCustomizable pagination interface
Sidebar
BlockFlexible sidebar with multiple directions and states
Ready to get started?
Install BuildGrid UI and start building beautiful, accessible React applications with our comprehensive component library.