Every primitive your team ships, in one searchable catalog.

Primary action primitive with 8 variants, 5 sizes, loading, pressed, icon, and block states. Subtle gradient + glow on focus.

Adjacent buttons with shared borders and isolation, perfect for segmented filter controls.

Single-select segmented buttons for view modes, filter dimensions, or unit pickers.

Text input with hover, focus, invalid, and 3 sizes. Combine with .lm-input-group for prefix/suffix addons.

Multi-line text input with vertical resize and the same focus contract as Input.

Native <select> with custom chevron, sized to match Input.

Native checkbox/radio with theme accent color and 3 sizes.

Native checkbox styled as iOS-style switch with gradient when checked.

Native range input with cross-browser styled track and thumb. Glow on focus.

Star rating control with hover scale and aria-checked semantics.

Slot-based code entry for 2FA and PINs. Per-slot focus + filled state.

Increment/decrement stepper with editable center field.

Multi-tag entry field. Add chips on Enter or comma; remove with Backspace.

Drag-and-drop file target with hover and active states.

Typeahead with floating listbox. Supports option metadata column.

Month-view date grid with selected, today, range, and outside-month states.

Trigger button + popover containing a calendar.

Small status indicator with semantic colors, soft, outline, and dot variants.

Removable tags with optional remove button. Pair with .lm-tag-input for chip-input fields.

Circular user identity. Sizes xs–xl, image fallback, group with overlap, status dot.

Keyboard key indicator for shortcuts and command palettes. Monospace + raised border.

@import "tailwindcss";
@plugin "@lumora-design/core";

Inline code and full code blocks with monospace, sunken background, and bordered container.

Inline message with semantic stripe accent. 4 tones, optional title and icon.

Slide-in notification with semantic left stripe. Use the lm-toaster region for stacking.

Full-width inline ribbon for system messages above main content.

Native <progress> bar with gradient fill and 3 sizes.

Inline loading spinner with 3 sizes, derived from theme primary.

Shimmer placeholder for content-loading states. Block, text, and circle shapes.

Universal content container. Header / body / footer slots, with raised, flat, glass, gradient, and interactive variants.

Full-page application layout: sidebar + main content with sticky navbar.

Visual separator with optional label, horizontal or vertical.

Tab list with underline + pills variants, 3 sizes, and disabled support.

iOS-style segmented control. Single-select with shadowed active item.

Numbered wizard with auto-counter, complete (✓) state, current state, and connecting lines.

Hierarchical trail with hover and aria-current support.

Page selector with active, disabled, and 3 sizes.

Top app bar with backdrop blur, sticky position, and brand slot.

App-shell side navigation with sections, active state, and compact variant.

Blocking dialog with backdrop blur, spring scale-in animation, 4 sizes.

Side-anchored panel with slide-in animation. Left or right, 3 sizes.

Brief hover label with rotated arrow on every side.

Rich floating panel with arrow. For settings, inline help, or quick forms.

Rich preview on hover — perfect for user mentions and link previews.

Action menu with labels, separators, items, shortcuts, and pop animation.

Right-click contextual menu. Same item DSL as dropdown plus a danger variant.

⌘K finder with input, grouped list, footer with keyboard hints, and animated selection.

Collapsible sections with rotating chevron and animated content.

Hierarchical list with dashed connectors. For file explorers and outlines.

Native table styling with uppercase headers, hover row, sort, and density modes.

KPI tile with label, value, and trend indicator. Auto-grid with .lm-stat-grid.

SVG inline mini-chart container. Pair with stats for trend at-a-glance.

Two-column key/value list for read-only details panels.

Vertical list of activity items with avatar/icon, content, and meta.

Vertical timeline with connecting lines and prominent dots.

Inline diff view with +/− line markers and tinted background.

Notification center with unread tinting, item meta, and overflow scroll.

Centered prompt for empty lists. Pairs with a primary CTA.

Scroll-snap track with animated dots.

Resizable panes with horizontal or vertical handles.

Message bubbles with self-vs-other styling, mentions, and timestamps.

@-prefixed user reference chip for chat, comments, and rich text.

Formatting bar for editors with pressed-state indicators and dividers.

Toolbar above tables and lists with title, primary action, and secondary actions.

Auto-fit grid of filter inputs above tables.

Sticky bar that appears when rows are selected. Holds bulk actions.