Skip to content
roguelite labsAnthony Spezzano ↗

Skills

Interface patterns with code examples, including command palettes, animated counters, ripple effects, and glass effects.

Navigation
CommandPalette
CommandPalette
Always-visible searchable command palette with keyboard shortcut hints. Filter items by typing.
Animation
CountUp
CountUp
Viewport-triggered animated counter with cubic ease-out. Triggers once when element scrolls into view.
Effects
GlassCard
GlassCard
Frosted glass container using backdrop-filter: blur with configurable tint and blur intensity.
Feedback
RippleButton
RippleButton
Material-style click ripple effect via DOM injection and CSS animations. No extra dependencies.
ProgressRing
ProgressRing
SVG circular progress indicator with smooth Framer Motion animation on strokeDashoffset.