Cards
Displays a card with header, content, and footer.
Hover Effects
Lift Effect
Moves up slightly on hover.
Perfect for clickable cards.
Glow Effect
Subtle glow on hover.
Draws attention to the element.
Border Effect
Border color change.
Simple and effective feedback.
Visual Variants
Glassmorphism
Backdrop blur effect.
Looks great on dark or busy backgrounds.
Gradient
Subtle background gradient.
Adds depth without being overwhelming.
Media & Badges
New
Tech Blog
The usage of images in cards.
Placeholder Image
Custom Content
Using any element as media.
Functional Example
Notifications
You have 3 unread messages.
Push Notifications
Send notifications to device.