Cards
Versatile card components for displaying content, stats, profiles, products and more
Basic Cards
Simple, hover-lift and glassmorphism card styles
Simple Card
A clean card with a white background and subtle border. Perfect for structured content layouts.
Interactive Hover Card
This card lifts on hover with a smooth shadow animation — great for clickable list items.
Glassmorphism Card
A frosted-glass effect with backdrop blur. Looks stunning over colorful gradient backgrounds.
1.2k
Users
98%
Uptime
4.9
Rating
Gradient Stat Cards
Vibrant gradient stat cards with trend indicators
Total Users
24,521
Revenue
$48,295
Orders
1,429
Growth Rate
3.24%
Light Stat Cards
Tinted light-background stat cards — elegant and subtle
3,842
Active Sessions
248
New Signups
17
Open Tickets
42%
Server Load
Profile Cards
User profile cards with social stats and follow action
Alice Johnson
Product Manager
TechCorp Inc.
Passionate about building delightful user experiences that solve real problems.
12.4K
Followers
842
Following
234
Posts
Bob Smith
Senior Developer
WebSolutions
Full-stack engineer focused on performance, DX and scalable architecture.
8.2K
Followers
421
Following
156
Posts
Carol Williams
UX Designer
DesignHub
Crafting pixel-perfect interfaces with a focus on accessibility and motion.
24.8K
Followers
1.2K
Following
389
Posts
Product Cards
E-commerce product cards with rating, price and cart action
New
Electronics
MacBook Pro 14"
Best Seller
Audio
Wireless ANC Headphones
Sale
Accessories
Mechanical Keyboard
Blog / Article Cards
Article cards with cover images, category, author, reading time and bookmark
Building Premium Dashboards with React & Tailwind
A deep dive into architecting beautiful, maintainable admin interfaces using modern tooling, design tokens, and component-driven workflows.
John Doe
Advanced Tailwind CSS Techniques You Should Know
Unlock the full potential of Tailwind with configuration tricks, custom plugins, JIT mode, and design system integration patterns.
Alice Johnson
Dark Mode Design — Best Practices for 2026
Learn how to implement dark mode that feels intentional, improves accessibility, and delights users across all devices and contexts.
Carol Williams
State Management in 2026 — What Actually Works
Comparing Zustand, Jotai, Redux Toolkit and React Query — when to use each, and how to avoid over-engineering your frontend.
Bob Smith
Feature Cards
Highlight product features or services with icons in colored backgrounds
Lightning Fast
Optimized for speed with sub-100ms response times and intelligent caching strategies.
Enterprise Security
Bank-grade AES-256 encryption, SSO, 2FA, and full SOC 2 Type II compliance.
Global CDN
200+ edge locations worldwide for ultra-low latency content delivery to every user.
Smart Automation
AI-powered workflow automation that learns and adapts to your team's patterns.
Horizontal Cards
Side-by-side image and content layout — ideal for list views
Analytics Dashboard 3.0
Completely rebuilt analytics engine with real-time data streaming and customizable widget layouts.
Automation Studio
Build powerful no-code automation workflows with drag-and-drop and 200+ integrations.
Pricing Mini Cards
Compact 3-tier pricing cards — the center card uses featured styling
Starter
Perfect for side projects and personal use.
- 5 projects
- 1 GB storage
- Basic analytics
- Community support
Pro
Everything you need for a growing team.
- Unlimited projects
- 50 GB storage
- Advanced analytics
- Priority support
- Custom domain
- API access
Enterprise
For large teams that need full control.
- Unlimited everything
- 1 TB storage
- Custom analytics
- 24/7 dedicated support
- SSO & SAML
- SLA guarantee
Action Cards
Cards with gradient top borders, icon headers and action buttons
Monitor Performance
Track page speed, Core Web Vitals and uptime across all your applications in real time.
Security Audit
Automated security scans detect vulnerabilities and misconfigurations before they become threats.
CDN Settings
Configure edge caching rules, custom headers, and geo-based routing for optimal delivery.
Workflow Triggers
Set up automated triggers based on events, schedules, or webhooks to streamline operations.