Tools

Interactive tools for spring animation, color systems, palette extraction, and UI motion experiments.

These are the interactive tools I use to explore design engineering problems in public: tuning spring motion for Framer Motion and SwiftUI, working in perceptually uniform color spaces, and testing UI interaction patterns directly in the browser.

Spring Visualizer

Interactive spring physics tuner for Framer Motion. Adjust stiffness, damping, and mass with a live displacement curve and animation preview.

Animation·Physics·Framer Motion

HDR Ripple Button

Material-inspired ripple effect using CSS P3 wide-gamut color space for Apple displays. Pure CSS, additive blending.

Animation·Interaction Design·CSS

LCH Color Tool

Shift lightness and chroma of any color in perceptually uniform LCH space. Paste hex codes, tweak with sliders, click to copy.

Color·Design Tool·React

Color Palette Generator

Extract dominant colors from images with Photoshop-style blend mode normalization. Drag & drop, live gradients, dark mode.

Color·Design Tool·TypeScript

Coupon State Transitions

Multi-state promotional UI: brand found → coupons found → applying → savings → success. GSAP-orchestrated animations.

Animation·Interaction Design·GSAP