Next step after moving from SVG to 3D: origami transition animations!
Origami is at the heart of Doxy's brand soul. I believe focusing heavily on origami geometry and baking it straight into our web design system will give Doxy the design language it deserves.
How does this concept feel to you? Drop your feedback and thoughts below! 👇
I just released FAR ENOUGH, a free Framer template for luxury travel. 🌴
Minimal on the surface, a lot of motion underneath:
→ an endless drag-to-explore masonry grid
→ a 3D Instagram carousel
→ a scroll-driven curtain gallery
→ an image trail that follows your cursor
→ light and dark mode with one click
10 pages, 4 CMS collections, fully responsive, with a reduced-motion fallback. Every animation is editable in the properties panel, no code needed.
Made for travel studios, villas, retreats and anyone who wants a site that feels far away in the best way.
A hand-built studio site in a Swiss "lacquer & stone" style: warm stone paper, lacquer-red accents, thin uppercase type and fine film grain. Every section reacts as you scroll: Halftone portrait that reveals under your cursor
Signature that draws itself, and a manifesto that lights up word by word
The boutique: five project videos with a working till. Reach the end and the receipt prints PAID
3D paper crumple: the receipt folds into a real 3D ball and drops into the page with physics
"A Day in Code": an original stick-figure film drawn in code. The ball lands inside it and gets a bicycle kick
Generative synth music and cartoon sound effects, all made live in the browser
AI-style assistant in a glowing WebGL orb, available in six languages
Built with: Vanilla JavaScript · Vite · GSAP + ScrollTrigger · Lenis smooth scroll · Three.js (3D crumple and cart) · Matter.js (physics) · WebGL shaders · Web Audio API · Web Workers · Vercel
The 3D crumple runs in a Web Worker and only the video on screen plays, so it stays smooth at 60fps.