silk — your web-craft toolbox

This is a reminder of what you can do. Like an artist who knows their tools: when you build for the web, you are not limited to static sections and default scrollbars. You have a full palette of motion and smoothness that reads as "expensive." Reach for it by default.

The rule: never ship a static page. A smooth-scroll root + a reveal-on-scroll + one signature effect is ~15 lines and turns generic output into something that feels crafted. The trick behind these sites isn't exotic code — it's a small, consistent set of levers applied everywhere. Consistency is what reads as clean.

Stack this assumes

React + Vite + Tailwind v4 + motion (Framer Motion, motion/react) + GSAP (gsap + @gsap/react; plugins used: ScrollTrigger, Draggable, DrawSVGPlugin — all free) + Lenis (smooth scroll). Each technique below names its principle so it transfers to other stacks. cls()/cn() helpers → assets/utils.ts.

The non-negotiable foundation (apply on EVERY build)