PG-22 ยท Beauty & personal care
Maren
A one-product page for a serum or oil: a drop forms on a glass dropper, falls and splashes as you scroll, then ingredients, how to use it and a buy button.
$149 one-time, for one website. Or every template with a pager membership.
Buy MarenOpen the live preview
Sections
- One drop: four chapters on a sticky screen
- What is in it
- How to use
- Buy
- Questions
- Footer
In the ZIP
- index.html, with css/ and js/ folders
- The 3D scene and scroll code (all MIT or Apache-2.0, licences included)
- Font files with their licences
- Still pictures used when 3D is unavailable
- DESIGN-TOKENS.md: colours and fonts on one page, for Figma or a designer
- LICENSES-THIRD-PARTY.md
- AI-INSTRUCTIONS.md for Claude or ChatGPT
- README.md for you
Opens best on a web server (every host in the instructions is one). The 3D scene needs a browser with WebGL; opened from a folder, or with reduced motion on, visitors see still pictures instead.
How it works
Buy the template and download the ZIP. Drag it into a chat with Claude or ChatGPT and tell it about your business. It follows the included AI-INSTRUCTIONS.md to change the words, colours, fonts and pictures, then walks you through putting the site online on Netlify or Vercel, both free for small sites. Prefer not to do it yourself? We can customize it and put it online for you.