Component Preview
A showcase of reusable UI components built with vanilla CSS
Cards
LayoutDefault Card
Project Alpha
Active
A responsive web application with real-time collaboration features and offline support.
Stat Card
2,847
Visitors
+12.5%
94.2%
Uptime
+0.3%
1.4s
Avg Load
+0.2s
Inputs
FormText Inputs
Please enter a valid email address
Select & Toggle
Enable notifications
Dark mode
Badges & Tags
Data DisplayStatus Badges
Active
Pending
Error
Info
Archived
Tags
React
TypeScript
Tailwind
Node.js
PostgreSQL
Alerts
FeedbackAlert Types
Tip: You can use keyboard shortcuts to navigate between components.
Success: Your changes have been saved and deployed.
Warning: Your storage is 90% full. Consider upgrading your plan.
Error: Failed to connect to the database. Please check your credentials.
Progress
FeedbackProgress Bars
Storage
73%
Bandwidth
45%
CPU
91%