Skills
Interface patterns with code examples, including command palettes, animated counters, ripple effects, and glass effects.
Navigation
CommandPaletteAlways-visible searchable command palette with keyboard shortcut hints. Filter items by typing.
Animation
CountUpViewport-triggered animated counter with cubic ease-out. Triggers once when element scrolls into view.
Effects
GlassCardFrosted glass container using backdrop-filter: blur with configurable tint and blur intensity.
Feedback
RippleButtonMaterial-style click ripple effect via DOM injection and CSS animations. No extra dependencies.
ProgressRingSVG circular progress indicator with smooth Framer Motion animation on strokeDashoffset.