Glassmorphism
Frosted glass UI with blur, transparency, and light borders.
Glass Card - Basic
Frosted glass cards using the .glass utility class with icon, title, and description.
Analytics Dashboard
Real-time analytics with interactive charts and metrics visualization.
Performance Monitor
Track server health, response times, and throughput in real time.
Integrations Hub
Connect with 50+ services including Slack, GitHub, and Figma.
Glass Card - Colored Tint
Glass cards with colored background tints using the .glass-colored class and custom bg overlays.
Design System
Build consistent interfaces with tokens, patterns, and reusable components.
API Gateway
Centralized API management with rate limiting, auth, and monitoring.
CI/CD Pipeline
Automated builds, tests, and deploys with zero-downtime rollouts.
Glass Profile Card
A frosted glass profile card with avatar, name, role, stats grid, and follow button.
Jane Doe
Senior UI Designer
2.4K
Followers
180
Projects
4.9
Rating
Glass Pricing Cards
Three pricing tiers with glass effect. The Pro tier is highlighted with the .glass-colored class and a gradient badge.
Free
$0/mo
- 5 components
- Basic support
- Community access
Pro
$29/mo
- All components
- Priority support
- Figma files
- 1 year updates
Team
$79/mo
- Everything in Pro
- Team license
- Custom themes
- Dedicated support
- SLA guarantee
Glass Form - Contact
A contact form with frosted glass inputs, two-column name fields, email, message textarea, and gradient submit button.
Contact Us
Send us a message and we'll respond within 24 hours.
Glass Navigation Bar
A frosted glass navbar with logo, navigation links (with active state), and a sign-in button.
Glass Stats
Four stat cards showing key metrics with icons, values, and labels in a responsive grid.
24.5K
Active Users
$128K
Revenue
99.99%
Uptime
12ms
Response Time
Glass Notifications
Three notification items (success, info, warning) with colored icon circles and glass backgrounds.
Payment Successful
Your payment of $29.00 was processed successfully.
System Update
v2.5 is now available. New glass components added.
Storage Almost Full
You have used 90% of your storage quota. Consider upgrading.
Glass Buttons
Various glass button styles including default, pill-shaped, and colored tint variants.
Glass Alert Banners
Info and warning alert banners with glass effect, colored left borders, icons, and dismiss styling.
New Feature Available
Dark mode support has been added to all glass components. Update your theme settings to try it out.
API Rate Limit Warning
You have used 85% of your monthly API quota. Consider upgrading your plan or optimizing your requests.
Deployment Complete
Your application v2.3.1 has been deployed successfully to production. All health checks passed.