UI Elements
Accordions
Collapsible content panels — one open at a time
Badges
Status labels, pills, and counters
Buttons
Solid, outline, sizes, icon and loading states
Cards
Image cards, list cards, and horizontal cards
Analytics Overview
Track revenue, orders, and customer growth in one place.
Quick Links
Wireless Headphones
$89.99 · 214 in stock
In StockCarousel
Auto-rotating slides with indicators and controls
Pagination
Sizes and states — see Data Tables for a fully working example
Progress
Bars with labels, colors, striped and animated variants
Spinners
Border and grow variants, sizes, colors, and in-button usage
Tabs
Underline tabs and pill tabs
Tooltips
Hover or focus any button below
Typography
Headings, body text, lists, quotes and code
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lead paragraph — a slightly larger intro line used to open a section.
Regular paragraph text. AdminPro uses Inter as its primary typeface, with links in the accent color and italics for emphasis.
Small muted text — used for captions, timestamps, and helper copy.
"AdminPro cut our reporting time in half within the first week." — Ops Lead, Northwind Retail
- Unordered list item one
- Unordered list item two
- Nested item
- Sub item A
- Sub item B
- Create your account
- Invite your team
- Connect your data
Inline code: npm install adminpro
const total = subtotal + tax - discount; console.log(total);
Utilities
Color, spacing, flex and text-alignment helper classes