The building blocks of NextAdminPro, all in src/components/ui. Every component supports dark mode and accent themes.
Variants and sizes for every action.
Status always pairs color with an icon and a label.
Inputs, selects, toggles and checkboxes.
Dialogs, dropdowns, popovers, tooltips and toasts.
Switch between related views.
Feedback and identity.
Inline messages for important information.
Guide people when there’s nothing to show yet.
No messages yet
When customers write in, their messages appear here.
Guide people through multi-step flows like checkout or onboarding.
Collapsible sections for FAQs, settings and details.
Status messages with optional titles and actions.
New version available
Payment received
Trial ends in 3 days
Sync failed
Range pickers and single-choice options.
Combobox, tag input, one-time code and star rating.
Press Enter or comma to add, Backspace to remove.
Drag-and-drop dropzone with a file list.
Order history, audit trails and activity feeds.
Order placed
Order #5140 for $578.88
Oct 15, 9:12 AM
Payment confirmed
Visa •••• 4242
Oct 15, 9:13 AM
Packed
Austin DC
Oct 15, 2:40 PM
Shipped with UPS
1Z999AA10123456784
Oct 16, 8:05 AM
Breadcrumbs, pagination and segmented controls.
Rich previews on hover and right-click menus.
Assigned to @priya (hover the name)
Right-click (or long-press) hereCopy-to-clipboard buttons and code blocks for API keys and snippets.
nap_live_8f2c1a9b7e4d3f6a0b1c2d3ecurl https://api.yourapp.com/v1/orders \
-H "Authorization: Bearer $API_KEY"Spinners, keyboard keys, sparklines and avatar groups.
Revenue
$84.8K
Helpful placeholders when there’s nothing to show.
Inbox zero
No new messages. Enjoy the quiet!
No comments yet
Start the conversation.