@neobrutal-ui

Base UI powered neobrutalist design-system base.

A vertically stacked set of collapsible content sections.

A prominent message for status updates, notices, and warnings.

A modal confirmation dialog for important or destructive actions.

An image or fallback that identifies a person or entity.

A compact label for statuses, categories, and metadata.

A navigation trail that shows the current page hierarchy.

An interactive control that triggers an action or navigation.

A date picker calendar with single and range selection support.

A bordered container for grouping related content and actions.

A scrollable collection of content with previous and next controls.

Composable Recharts helpers with neobrutalist styling and legends.

A control for toggling one or more independent selections.

An expandable region that reveals or hides related content.

A searchable command palette for actions and navigation.

A contextual action menu opened with a secondary pointer action.

A modal overlay for focused content, forms, and actions.

A panel that slides in from the edge of the viewport.

A button-triggered menu for actions, choices, and nested options.

Accessible form helpers with React Hook Form and Zod validation.

A preview card that appears when a linked element is hovered.

A neobrutalist card for presenting an image with supporting content.

A styled text field for collecting short-form user input.

A text input composed with buttons, icons, or inline controls.

A segmented input for one-time passwords and verification codes.

An accessible text label for a form control.

A continuously scrolling row for logos, quotes, or featured content.

A horizontal application menu with nested commands and shortcuts.

A responsive site navigation menu with expandable link panels.

Navigation controls for moving between pages of content.

A floating panel for contextual content and lightweight controls.

A visual indicator of task or process completion.

A set of mutually exclusive options for selecting one value.

Adjustable panel groups with draggable resize handles.

A custom scrollable viewport with styled scrollbars.

A dropdown control for choosing one value from a list.

A visual divider for separating related content groups.

A modal panel that enters from a configurable screen edge.

A responsive, collapsible application sidebar with navigation primitives.

A placeholder that communicates content is loading.

A draggable control for selecting a value or range.

A toast notification provider styled for neobrutalist interfaces.

A binary control for turning a setting on or off.

Semantic table primitives for structured rows and columns.

A tabbed interface for switching between related content panels.

A multiline text field for collecting longer user input.

A concise text hint shown when an element is hovered or focused.

A sortable, filterable data table recipe built with TanStack Table.

Weekly revenue with period controls, target variance, and an exact data table.

Cohort conversion with stage losses, conversion rates, and an exact data table.

Daily p50 and p95 with service controls, budget breaches, and an exact data table.

Install and update activity with count/share views, period controls, and exact values.

Planned and delivered work with team controls, signed variance, and exact values.

Paired cold and cached builds with series controls, time savings, and a budget.

Planned hours with period controls, a workstream inspector, and part-to-whole values.

Sequential install stages with environment controls, duration units, and stage shares.

An editorial archive with topic filters, search, sorting, and reading pages.

A design practice with services, expandable case studies, and a project inquiry.

An editorial workspace with content preview, local save, and change recovery.

A creator profile with categorized destinations and a copyable contact address.

A project overview with task search, status filters, and progress summaries.

A product landing page with feature sections, billing options, and plan selection.

The mono light and dark theme for neobrutal-ui.

The mono-warm light and dark theme for neobrutal-ui.

The red light and dark theme for neobrutal-ui.

The orange light and dark theme for neobrutal-ui.

The amber light and dark theme for neobrutal-ui.

The yellow light and dark theme for neobrutal-ui.

The lime light and dark theme for neobrutal-ui.

The green light and dark theme for neobrutal-ui.

The emerald light and dark theme for neobrutal-ui.

The teal light and dark theme for neobrutal-ui.

The cyan light and dark theme for neobrutal-ui.

The sky light and dark theme for neobrutal-ui.

The blue light and dark theme for neobrutal-ui.

The indigo light and dark theme for neobrutal-ui.

The violet light and dark theme for neobrutal-ui.

The purple light and dark theme for neobrutal-ui.

The fuchsia light and dark theme for neobrutal-ui.

The pink light and dark theme for neobrutal-ui.

The rose light and dark theme for neobrutal-ui.