Neura UI

Composable Laravel UI
Back to Home

Atoms

Basic building blocks of your UI

What are Atoms?

Atoms are the smallest functional units in our design system. They include basic HTML elements like buttons, inputs, labels, and other fundamental components that can't be broken down further without losing their meaning.

Available Components

Button

Clickable buttons with multiple variants and sizes

Command Palette

Searchable command palette for quick actions

Composer

Rich text input for chat and comments

Context Menu

Dropdown menus that open on right-click

Card

Container component for content grouping

Input

Text inputs with validation support

Badge

Small labels for status and categories

Avatar

User profile images with fallback

Alert

Notification and alert messages

Modal

Overlay dialogs and modals

Dropdown

Dropdown menus and popovers

Checkbox

Checkbox inputs with labels

Radio

Radio button inputs

Select

Dropdown select inputs

Autocomplete

Searchable autocomplete inputs

Calendar

Date picker calendar component

Switch

Toggle switches for binary choices

Table

Data tables with sorting

Chart

Data visualizations with Chart.js

Kanban

A collection of cards arranged in columns, representing different stages of a workflow

Tabs

Tabbed navigation and content

Accordion

Collapsible content sections

Skeleton

Dynamic loading placeholder component with multiple variants

Image Gallery

Interactive image gallery with lightbox modal and keyboard navigation

Stack

Flexible layout component for stacking elements vertically or horizontally