Skip to main content

Components & Blocks

Explore our comprehensive collection of 56 React components and blocks. From basic UI elements to complex composed components for modern applications.

44
Components
Basic UI elements
12
Blocks
Complex components
56
Total
Ready to use

Components

44 items

Basic UI elements that form the foundation of your application. These components are designed to be flexible, accessible, and easy to customize.

Accordion

Component

Collapsible content sections with smooth animations

layoutnavigation

Adaptive Input

Component

Smart input that adapts to different data types

forminput

Alert

Component

Display important messages and notifications

feedbacknotification

Alert Dialog

Component

Modal dialogs for confirmations and alerts

overlaymodal

Autocomplete

Component

Input with intelligent suggestions and completion

formsearch

Avatar

Component

User profile pictures with fallback options

displayuser

Badge

Component

Small status indicators and labels

displaystatus

Button

Component

Interactive buttons with multiple variants and states

formaction

Calendar

Component

Date picker and calendar component

formdate

Card

Component

Flexible content containers with header and footer

layoutcontainer

Carousel

Component

Image and content slider with navigation

displaymedia

Checkbox

Component

Multi-selection input with indeterminate state

formselection

Collapsible

Component

Expandable content sections

layoutnavigation

Command

Component

Command palette for quick actions and navigation

navigationsearch

Currency Input

Component

Formatted input for monetary values

formnumber

Dialog

Component

Modal dialogs and overlays

overlaymodal

Dropdown Menu

Component

Contextual menus and action lists

navigationmenu

HTML Text Area

Component

Rich text area with HTML support

formeditor

Input

Component

Text input fields with multiple sizes and types

formtext

Label

Component

Form labels with accessibility features

formaccessibility

Multi Select

Component

Multiple selection dropdown with search

formselection

Navigation Menu

Component

Hierarchical navigation with dropdowns

navigationmenu

Number Stepper

Component

Numeric input with increment/decrement controls

formnumber

Pagination

Component

Page navigation for large datasets

navigationdata

Password Input

Component

Secure password input with visibility toggle

formsecurity

Popover

Component

Floating content containers

overlaytooltip

Progress

Component

Progress bars and loading indicators

feedbackloading

Radio Group

Component

Single selection from multiple options

formselection

Search Bar

Component

Enhanced search input with suggestions

formsearch

Select

Component

Dropdown selection with search and grouping

formselection

Separator

Component

Visual dividers for content sections

layoutdivider

Sheet

Component

Slide-out panels and drawers

overlaypanel

Skeleton

Component

Loading placeholders for content

loadingplaceholder

Slider

Component

Range input for numeric values

formrange

Spinner

Component

Loading spinners and activity indicators

loadingfeedback

Switch

Component

Toggle switches for boolean values

formtoggle

Table

Component

Data tables with sorting and styling

datadisplay

Tabs

Component

Tabbed content navigation

navigationlayout

Tag Input

Component

Input for creating and managing tags

formtags

Textarea

Component

Multi-line text input with auto-resize

formtext

Toaster

Component

Toast notifications and alerts

feedbacknotification

Toggle

Component

Toggle buttons for state changes

formtoggle

Toggle Group

Component

Grouped toggle buttons for multiple selections

formselection

Tooltip

Component

Contextual help and information overlays

overlayhelp

Blocks

12 items

Complex, composed components that solve specific use cases. These blocks combine multiple components to provide advanced functionality out of the box.

Ready to get started?

Install BuildGrid UI and start building beautiful, accessible React applications with our comprehensive component library.