Cards
Versatile card components from Magic UI, Flowbite, and Noira UI.
Neon Gradient Card
Neon Gradient Card
Animated neon border that glows with gradient colors.
Magic Card (Interactive)
Hover to Reveal
Move your cursor to see the gradient follow. The border and inner glow track your mouse position.
Tweet Card
Just shipped 15 new premium animation components from Magic UI. The border beam and meteors are chef's kiss.
Shine Border Card
Shine Border
Animated multi-color border that sweeps continuously.
Spotlight Card Pro
Spotlight Effect
Move your mouse to see the radial gradient follow.
Glowing Stars Card
Starry Night
Twinkling gold stars in the background.
Basic Card
Card Title
This is a basic card with hover effects and gold accent on hover.
Product Card
Wireless Headphones
Premium sound quality
Smart Watch
Track your fitness
Profile Card
Sarah Chen
Product Designer
Alex Rivera
Full Stack Developer
Pricing Card
Starter
- 5 Projects
- 10GB Storage
- Email Support
Pro
- Unlimited Projects
- 100GB Storage
- Priority Support
- API Access
Enterprise
- Unlimited Everything
- 1TB Storage
- 24/7 Support
- Custom Domain
Testimonial Card
“This product has completely transformed how our team works. Absolutely incredible.”
Emily Johnson
CEO at TechFlow
“Best tool I've used in years. The attention to detail is remarkable.”
Marcus Kim
Designer at Craft
Stat Card
Total Revenue
$45,231
↑ +20.1%
Active Users
2,338
↑ +15.3%
Bounce Rate
12.5%
↓ -2.4%
Glass Card
Frosted Glass
Beautiful backdrop blur effect
Elegant Design
Modern glassmorphism style
Blog Card
Getting Started with Noira UI
Learn how to build beautiful interfaces with our component library and Tailwind CSS.
CTA Card
Ready to Get Started?
Join thousands of developers building beautiful interfaces with Noira UI.
Feature Card
Lightning Fast
Optimized for speed with zero runtime overhead.
Secure
Built with security best practices in mind.
Notification Card
New message from Sarah
Hey, can we discuss the project timeline?
Deployment successful
v2.4.1 deployed to production
Neobrutalist Card
Building with Tailwind CSS
Learn how to create beautiful interfaces with utility-first CSS and modern design patterns.
Hover Lift Card
Beautiful Interfaces
Craft stunning UI with modern components and thoughtful interactions.
Ship Fast
Production-ready components that save you weeks of work.
Ecommerce Product Card
Wireless Headphones
Premium sound quality with active noise cancellation and 30-hour battery life.
Team Member Card
Sarah Chen
Product Designer
Alex Rivera
Full Stack Developer
Property Listing Card
$240,000
123 Wallaby Avenue, Park Road
shadcn-style Card
This is the card content area. Add any content you need.