Card
Explore different variants and configurations of the Card component.
npx afnoui add card/card-basicCreate Project
Deploy your new project in one-click.
Notifications
Manage your notification settings.
Receive push notifications
Receive email updates
npx afnoui add card/card-statsTotal Revenue
+20.1%from last month
Subscriptions
+180.1%from last month
Sales
-4.5%from last month
Active Now
+201from last month
npx afnoui add card/card-pricingStarter
Perfect for individuals
- 5 projects
- Basic analytics
- Community support
Pro
Best for growing teams
- Unlimited projects
- Advanced analytics
- Priority support
- Custom integrations
Enterprise
For large organizations
- Everything in Pro
- Dedicated support
- SLA guarantee
- Custom contracts
npx afnoui add card/card-profileJohn Doe
Senior Developer
124
Posts
8.2k
Followers
256
Following
Sarah Miller
San Francisco, CA
Product Designer with 8+ years of experience. Passionate about creating beautiful and functional interfaces.
npx afnoui add card/card-social-post@alexbrown • 2h ago
Just shipped a new feature! 🚀 Really excited about this one - it's going to make everyone's workflow so much smoother. Check it out and let me know what you think!
New Feature Announcement
blog.example.com
npx afnoui add card/card-notificationNotifications
John Doe liked your post
2m ago
Sarah Miller commented on your photo
1h ago
Alex Brown started following you
3h ago
Tom Chen mentioned you in a comment
5h ago
npx afnoui add card/card-progressProject Progress
Website Redesign
npx afnoui add card/card-eventDEC
15
Team Standup
10:00 AM - 10:30 AM
Weekly sync to discuss project updates, blockers, and priorities for the week ahead.