Buttons & Enhanced Cards
Effect buttons, icon buttons, glow cards, spotlight cards, bento grids, dock, and notification dots.
Icon button
icon_btn — square icon-only control for toolbar and dense layouts.
Ripple Button
Variants
Sizes
With Icon
Shimmer Button
Variants
Sizes
Link Variant
Pulsing Button
Glow Card
Default Glow
A card with a subtle glow effect on hover.
Accent Glow
Accent-colored glow highlights this card.
Muted Glow
A softer, muted glow for secondary content.
Spotlight Card
Default Spotlight
Mouse-tracking spotlight effect reveals a radial highlight.
Accent Spotlight
Accent variant adds color to the spotlight beam.
Bento Grid
Wide Item
This item spans two columns for featured content.
Normal
Single column item.
Normal
Another single column.
Tall Wide Item
This item spans two columns and two rows, great for hero content or large visuals.
Dock
Default
Glass Variant
Notification Dot
Minimal Pulse
Count Badge
5
12
3