Docs Components Themes

Getting Started

Introduction Installation Theming Dark Mode CLI MCP (AI)Formatters

Animations

Text

Animated Text Typewriter Gradient Text Shiny Text Rotate Words

Containers

Fade In Blur In

Backgrounds

Ripple Orbiting Circles

Layout

Components

Core

Aspect Ratio Badge Button Button Group Card Field Input Input Group Item Label Spinner Textarea Typography

Feedback

Alert Progress Skeleton Sonner Toast

Form Controls

Checkbox File Upload Number Input OTP Input Password Input Radio Group Rating Select Switch Tag Input Toggle Toggle Group

Display

Avatar Chart Data Table Empty State Kanban Kbd Separator Stat Table Timeline

Cards

Analytics Card Metric Card Transaction Card Wallet Card

Finance

Account Balance Card Currency Converter Money Input Pix Transfer Transaction List

Checkout

Credit Card Input CEP Input Installments Selector Boleto Display

Risk & Fraud

Device Trust Location Mismatch Risk Score Badge Suspicious Activity Alert

Investment

Asset Allocation Candlestick Chart Order Book Portfolio Card Profit & Loss Sparkline Ticker

Point of Sale

Barcode Input Cash Drawer CPF / CNPJ Input Customer Search Discount Input Numeric Keypad Order Ticket Payment Method Picker Pix QR POS Cart Product Tile Quick Actions Receipt Sales Goal Shift Summary Split Bill Table Layout Tip Calculator

Layout

Accordion Calendar Carousel Collapsible Drawer Resizable Scroll Area Sheet Sidebar Slider Stepper Tabs

Navigation

Breadcrumb Command Combobox Date Picker Dropdown Menu Menubar Native Select Navigation Menu Pagination

Overlays

Alert Dialog Context Menu Hover Card Modal Popover Tooltip

Components/Input Group

Input Group

Compose inputs with prefixes, suffixes, or attached buttons. Children are visually merged into a single control.

https://

Installation

npx ajaxui add input-group