NeuralUI Design System

Semantic status labels with 5 variants

Button with 4 variants, 3 sizes and loading state

Content surface with header, body and footer

Text field with floating label and validation

Custom dropdown with keyboard and Forms support

Side panel with URL-synced state

Table with URL-driven search, sort and pagination

Multi-selection with search, chips and grouping

Date picker with keyboard support and localizable format

Multi-line text area with auto-resize and character count

File uploader with validation, drag-and-drop and accessible feedback

Rich text editor with sanitized output, toolbar controls and preview

Semantic on/off toggle accessible by keyboard

Check box with indeterminate state support

Single-option radio button within a group

Button with a dropdown menu for secondary actions

Visual selector for single or multiple options

Horizontal navigation with tabs and active indicator

Profile image with initials and color fallback

Bar, line and pie charts powered by Chart.js

Metric card with trend indicator and comparison

Accessible modal with managed focus and animation

Visual placeholder for empty lists and tables

Floating contextual hint with smart positioning

Tab navigation optionally synced with the URL

Animated placeholder blocks for text, cards and media while data loads

Horizontal or vertical separator with optional label

Compact removable label for categories and filters

Breadcrumb trail for the current navigation path

Determinate and indeterminate progress bar

Expandable content panel with collapse animation

URL-driven pagination control with page jump

Star rating with half-point and read-only support

Single-value slider control

Vertical timeline with items and connectors

Horizontal time grid with rows, slots and blocks ready to evolve into a scheduler or lightweight gantt

Planning surface built on Timeline Grid with task spans, day or week scale and summary header for delivery tracking

Hierarchical tree with expansion, search, and single or multiple selection

Hierarchical table built on neu-table with row expansion and nested metadata

Step-by-step workflow with linear mode, completion state and validation per stage

Compact chip-based filter bar with single or multiple selection and clear-all action

One-time code input with auto-advance, paste support and keyboard-friendly focus management

Circular rotary control for numeric values

Numeric field with increment and decrement buttons

Search with suggestions and option selection

Visual color picker with spectrum canvas, HEX/RGB/HSL formats and Angular Forms support

Horizontal action bar with start, center and end slots plus surface and size variants

Temporary floating notification with queue and position

Contextual status message with semantic variants

Temporarily blocks a container with overlay, spinner and status message during async work

Confirmation dialog for irreversible actions

Context menu triggered by right-click

Floating overlay anchored to a trigger with text or template content and adaptive positioning

Notification tray center with unread counter

Code block with syntax highlighting and copy button

Lucide icon catalogue with search and size variants

Animated circular loading indicator with variants

Resizable two-pane layout with draggable divider, min/max constraints and vertical or horizontal mode

Virtualised list that renders only visible rows for smooth scrolling through thousands of items

Global command palette with fuzzy search, keyboard shortcuts and service-driven command registration

Draggable, resizable dashboard tiles with responsive columns and layout change events

Pipeline-style kanban board with drag-and-drop cards, assignees, tags and WIP limits

Month and week calendar with event states, navigation and scheduling-friendly day selection

Lightbox-style image viewer with gallery navigation, zoom, pan and touch gestures

Product gallery with thumbnails, carousel navigation and fullscreen viewer integration

Stacked meter bars for comparing multiple values against a shared total