Codecaine Community
Remix · Marketing · E-commerce
Drape — AI Try-On
A landing page for an AI fitting room
Open in Codecaine
Clones it into a folder you pick, as a new project. No Codecaine yet? Get it free
Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine, or download the project and open its folder.
About
A landing page for an AI fitting room: a three.js hero where every outfit is a pencil sketch drawn by a shader until a selection box opens over it and shows the real garment, a scroll-scrubbed pull-back into a sunlit room, a pinned four-step toolkit that recolours a garment into sixteen colourways in the page, live colour, fit and size controls, stories, parallax features, FAQ and a clay footer.
Designed for
- Fashion, retail and AI try-on products that want to show the product working rather than describe it
- Seeing a three.js shader carousel, scroll-scrubbed zooms and pinned steps as editor-ready components
- Pages that mix a light drafting-paper hero with dark product sections and one warm accent
Details
- Version
- 1.0.1
- Updated
- Sep 30, 2026
- Pages
- 2
- Framework
- vite
- Styling
- tailwindcss@4
- Dev port
3310- SDK
@canvas/react 0.1.1- License
- MIT
- Download
- 509 KB · 70 files
Keywords
Every page
2 pages, as they open at 1440px.
More remixes
Truant — Specialty Coffee Roaster
A loud, photograph-led storefront for Truant, a Lake Superior single-origin roaster
Side B Coffee — Roastery & Listening Bar
A warm, cream-and-rust site for Side B, a small-batch roaster that pours its coffee in two record bars
Aurel
A high-end fashion house's site in bone, ink and burnt orange