Color System
Semantic Colors
Success Color
Warning Color
Error Color
Text Colors
Primary text color
Secondary text color
Muted text color
Button Components
Form Components
Status Indicators
Success StatusWarning StatusError StatusInfo Status
Card Variants
Basic Card
This is a basic card with default styling.
Elevated Card
This is an elevated card with more prominent shadow.
Responsive Utilities
This content is only visible on mobile devices
This content is only visible on desktop devices
1 col on mobile
2 cols on tablet
3 cols on desktop
Glassmorphism Purple Theme
Glass Card
Beautiful glassmorphism effect with backdrop blur and transparency.
Purple Glass Card
Enhanced with purple gradient background for a modern look.
Glass Buttons
Glass Form Elements
Glass Status Indicators
Success StatusWarning StatusError StatusInfo Status
Glass Gradient Backgrounds
Purple Gradient
Beautiful purple tones
Blue Gradient
Cool blue to purple
Pink Gradient
Vibrant pink to purple
Glass Loading Animation
Interactive Glass Elements
Hover Effect
Hover over this card to see the glass effect
Scale on Hover
This card scales up when hovered