Logo
Neura
Back to Home

Getting Started

Introduction
Installation
Usage
Dark Mode
Theming
Layouts

Components

Atoms

Form Elements

Field
Label
Description
Fieldset
Form
Input
Textarea
Select
Autocomplete
Calendar
Date Picker
Rich Editor
Checkbox
Radio
Switch
OTP
Dropzone
Tags Input

Layout

Container
Grid
Stack
Box
Card
Divider
Spacer

Navigation

Navlist
Link

Feedback

Alert
Callout
Toast
Dialog
Modal
Popover

Content

Text
Heading
Brand
Lottie
Skeleton

Data Display

Table
Chart
Kanban
Image Gallery
Tabs
Accordion
Badge
Avatar

Actions

Button
Command Palette
Composer
Context Menu
Dropdown

Utilities

Theme Switcher
Wizard

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