Frosted Glass Components Showcase
Interactive button components with frosted glass effects, multiple variants, and sizes.
Frosted glass styled form controls including text inputs, textareas, selects, and more.
Versatile card components with frosted glass effects for content display.
A simple card with frosted glass effect and subtle border.
Enhanced frosted glass card with ultra blur effect.
Card with enhanced elevation and shadow effects.
Use keyboard shortcuts to navigate faster
Your changes have been saved
Please review before continuing
Total Users
Uptime
Pending Tasks
Small status indicators and removable tags with frosted glass styling.
Visual feedback components for loading states and progress tracking.
Default Progress
Success
Warning
Danger
Organized content display with interactive list items.
Navigation components for organizing content into separate views.
Welcome to the Eden CSS showcase. This demonstrates all the beautiful frosted glass components.
Explore the powerful features of our design system including responsive layouts and smooth animations.
Customize your experience with various configuration options and preferences.
All items displayed here.
Active items only.
Completed items.
Archived items.
Overlay components for focused interactions and important messages.
The complete color system used throughout Eden's design language.