React / Base UI / Tailwind CSS v4
Bold by design.
Clear in use.
Raised controls that press down in stages. Clear selection and feedback. Build a complete interface with shared styles and source you can edit.
Real controls. Shared rules.Try it out ↓
Built with neobrutal-ui
One interface. Not loose parts.
Edit a field, change a setting, then save.
Find your building blocks.
Search by component, purpose, or category.
57 components
Explore complete templatesComponent
Accordion
A vertically stacked set of collapsible content sections.Disclosure
Component
Alert
A prominent message for status updates, notices, and warnings.Feedback
Component
Alert Dialog
A modal confirmation dialog for important or destructive actions.Overlays
Component
Avatar
An image or fallback that identifies a person or entity.Data display
Component
Badge
A compact label for statuses, categories, and metadata.Data display
Component
Breadcrumb
A navigation trail that shows the current page hierarchy.Navigation
Component
Button
An interactive control that triggers an action or navigation.Actions
Component
Calendar
A date picker calendar with single and range selection support.Data display
Component
Card
A bordered container for grouping related content and actions.Data display
Component
Carousel
A scrollable collection of content with previous and next controls.Layout
Component
Chart
Composable Recharts helpers with neobrutalist styling and legends.Data display
Recipe
Chart Build Duration
Paired cold and cached builds with series controls, time savings, and a budget.Data display
Recipe
Chart Delivery Capacity
Planned and delivered work with team controls, signed variance, and exact values.Data display
Recipe
Chart Install Diagnostics
Sequential install stages with environment controls, duration units, and stage shares.Data display
Recipe
Chart Release Activity
Install and update activity with count/share views, period controls, and exact values.Data display
Recipe
Chart Revenue Target
Weekly revenue with period controls, target variance, and an exact data table.Data display
Recipe
Chart Service Latency
Daily p50 and p95 with service controls, budget breaches, and an exact data table.Data display
Recipe
Chart Signup Conversion
Cohort conversion with stage losses, conversion rates, and an exact data table.Data display
Recipe
Chart Work Allocation
Planned hours with period controls, a workstream inspector, and part-to-whole values.Data display
Component
Checkbox
A control for toggling one or more independent selections.Forms
Component
Collapsible
An expandable region that reveals or hides related content.Disclosure
Recipe
Combobox
A searchable option picker composed from a popover and command list.Forms
Component
Command
A searchable command palette for actions and navigation.Navigation
Component
Context Menu
A contextual action menu opened with a secondary pointer action.Overlays
Recipe
Data Table
A sortable, filterable data table recipe built with TanStack Table.Data display
Recipe
Date Picker
A calendar in a popover for choosing a single date or date range.Forms
Component
Dialog
A modal overlay for focused content, forms, and actions.Overlays
Component
Drawer
A panel that slides in from the edge of the viewport.Overlays
Component
Dropdown Menu
A button-triggered menu for actions, choices, and nested options.Overlays
Component
Form
Accessible form helpers with React Hook Form and Zod validation.Forms
Component
Hover Card
A preview card that appears when a linked element is hovered.Overlays
Component
Image Card
A neobrutalist card for presenting an image with supporting content.Data display
Component
Input
A styled text field for collecting short-form user input.Forms
Component
Input Group
A text input composed with buttons, icons, or inline controls.Forms
Component
Input OTP
A segmented input for one-time passwords and verification codes.Forms
Component
Label
An accessible text label for a form control.Forms
Component
Marquee
A continuously scrolling row for logos, quotes, or featured content.Layout
Component
Menubar
A horizontal application menu with nested commands and shortcuts.Navigation
Component
Navigation Menu
A responsive site navigation menu with expandable link panels.Navigation
Component
Pagination
Navigation controls for moving between pages of content.Navigation
Component
Popover
A floating panel for contextual content and lightweight controls.Overlays
Component
Progress
A visual indicator of task or process completion.Feedback
Component
Radio Group
A set of mutually exclusive options for selecting one value.Forms
Component
Resizable
Adjustable panel groups with draggable resize handles.Layout
Component
Scroll Area
A custom scrollable viewport with styled scrollbars.Layout
Component
Select
A dropdown control for choosing one value from a list.Forms
Component
Separator
A visual divider for separating related content groups.Layout
Component
Sheet
A modal panel that enters from a configurable screen edge.Overlays
Component
Sidebar
A responsive, collapsible application sidebar with navigation primitives.Navigation
Component
Skeleton
A placeholder that communicates content is loading.Feedback
Component
Slider
A draggable control for selecting a value or range.Forms
Component
Sonner
A toast notification provider styled for neobrutalist interfaces.Feedback
Component
Switch
A binary control for turning a setting on or off.Forms
Component
Table
Semantic table primitives for structured rows and columns.Data display
Component
Tabs
A tabbed interface for switching between related content panels.Navigation
Component
Textarea
A multiline text field for collecting longer user input.Forms
Component
Tooltip
A concise text hint shown when an element is hovered or focused.Overlays