Scroll-scrub hero
The opening plays a 100-frame image sequence drawn to a canvas as you scroll, with a widescreen set for desktop and a vertical set for phones.
in productionamarofy.vercel.app2026
Amaro.fy · Made-to-order crochet
Amaro.fy sells handmade crochet: each piece is knitted from scratch, in the client's size and color, from a photo or an idea she sends in. The site turns that into a scroll-driven story, from a made-to-order manifesto and a four-step process to a pinned horizontal gallery of finished pieces, plus sizing, care and packaging notes, and it ends in an…
HTML5CSS3JavaScript (vanilla)GSAPScrollTriggerLenisCanvas API
About the project
Amaro.fy sells handmade crochet: each piece is knitted from scratch, in the client's size and color, from a photo or an idea she sends in. The site turns that into a scroll-driven story, from a made-to-order manifesto and a four-step process to a pinned horizontal gallery of finished pieces, plus sizing, care and packaging notes, and it ends in an order form that builds a ready-to-send WhatsApp message so the conversation starts already filled in. Hand-coded in vanilla HTML, CSS and JavaScript with GSAP, ScrollTrigger and Lenis, no build step, degrading gracefully on reduced motion and touch.
How it was built
WhatsApp order builder
The order form and size chips assemble a ready-to-send WhatsApp message, so the client lands in a conversation already filled with name, piece and size.
Pinned horizontal gallery
Finished pieces scroll sideways in a pinned track on desktop and fall back to native swipe on touch, every item redoable in the client's color and size.
Knitted thread signature
A single SVG crochet thread runs down the margin and draws itself as the page is scrolled, tying the craft idea to the whole layout.
cat specs.txt
Designed, built and shipped live by Bernardo Iannini
Get in touch