Small-scale engineering
Labs
Animation Labs
- GSAPReactTypeScript
Magnetic button
Cursor-following button with elastic spring on leave.
- GSAPReactTypeScript
Text scramble
Characters cycle through random glyphs then resolve.
- GSAPReactTypeScript
Liquid fill sweep
Diagonal clipPath wipe with text-color invert.
- GSAPSVGReact
Underline draw
SVG stroke draws underline left → right on hover.
- GSAPReactTypeScript
Letter stagger swap
Two stacked rows of letters swap with per-char stagger.
- GSAPCSS 3DReact
3D tilt card-button
Pointer-tracked rotateX/Y with gloss highlight.