GetlyReact Templates
Aurel — Skincare DTC template with a WebGL serum drop (React + Next.js)
Barrier-repair skincare. A glassy serum drop follows the cursor, and every ingredient is listed to the percent.
or $14.75 x 4 installments
Product Description
A quiet, clay-and-bronze skincare template for a Copenhagen barrier-repair brand: a raymarched WebGL serum drop that bulges toward the cursor in the hero, a three-step ritual with CSS-rendered bottles, an ingredient list with generated molecule diagrams, a draggable before/after hydration map, clinical-result stat cards and a working shop with size pickers and a bag.
Signature: WebGL serum drop: a raymarched blob of "serum" that falls onto a pool on load, bulges and refracts toward the cursor, and falls back to an idle drift — with a CSS fallback that shows by default.
This is the React edition: a Next.js 16 + React 19 + Tailwind 4 + Motion project. Every word of copy lives in one file (content/site.ts). Run npm install and npm run dev, the way you'd start any Next.js app.
What you get
- Pages: Home, 404, Privacy
- Self-hosted fonts (Bodoni Moda and Jost), and no third-party requests: no Google Fonts, analytics or embeds
- README, AGENTS.md and CLAUDE.md, so AI coding assistants know how the project fits together
- DESIGN.md with the design tokens, type scale and components
- CHANGELOG, credits and licence
Good for
- Skincare and beauty DTC brands
- Clean-formula or "full disclosure" ingredient brands
- Small-batch cosmetics labs
- Wellness and personal-care products
- Any product brand that wants to show its numbers, not just its mood
Licence
Use it for unlimited projects, your own and your clients'. You can't resell or redistribute the template itself.
Version 1.0.2.
What you get
1 file · 2.94 MB
- aurel-react-1.0.2.zipZIP · 2.94 MB
React Templates
Aurel — Skincare DTC template with a WebGL serum drop (React + Next.js)
Barrier-repair skincare. A glassy serum drop follows the cursor, and every ingredient is listed to the percent.
or $14.75 x 4 installments
Tags
Frequently asked questions
Do I get access instantly?
Yes. This is a digital product - you can download it right after checkout, straight from your library.
Can I use it for commercial projects?
Yes. Commercial use is allowed: use it in your own business and in things you sell. You may not resell or redistribute the file itself.
What's your refund policy?
You're covered by a 30-day money-back guarantee. If something isn't right, request a refund from your order and the Getly team reviews it.
What file formats and sizes will I get?
You'll download 1 file - ZIP - 2.94 MB in total.
Do I get free updates?
Yes - when the seller ships a new version, you can re-download the latest files from your library at no extra cost. Check the changelog for recent updates.
Price
$59.00
