Fitness · Next.js
Kelvaro
A dark, high-energy gym website that knows when the club is open and what's on next, and turns every visit into a call, a DM or a route.
Loading the collection
Preparing the details…Beauty · Climate-aware Skincare Commerce
A skincare storefront that helps a visitor choose a small ritual instead of scrolling a catalogue.
Motion preview
A verified capture of the real template experience—no simulated interface or pre-rendered 3D substitute.
Premium gallery
10 verified previews built from the real template UI and release assets.









The product
LIVE DEMO: https://caldermoss-beauty.poyrazn8n.workers.dev
A skincare storefront that helps a visitor choose a small ritual instead of scrolling a catalogue. Caldermoss · ecommerce-frontend-template · Next.js source code 15 page designs · 27 demo pages + custom 404 Skincare storefront frontend with a browser-local ritual tray and ritual builder. No checkout, payment, inventory, customer accounts or email delivery is included, and ingredient notes are not medical advice.
- Skincare and beauty brands that sell a small, considered range - Agencies building one storefront frontend for one beauty client Required skills: Comfort with a terminal, Node.js, React and editing source files Not ideal for: Buyers who need a working checkout, payments, inventory or accounts without development; Brands that need medical or regulated product claims.
15 page designs · 27 demo pages + custom 404 - Source/ - Source/package.json - Source/package-lock.json - ASSET-CREDITS.md - CHANGELOG.txt - LICENSE.txt - README.md - START-HERE.md - Source/Documentation/ - Formula shop: Filter the six formulas in data/products.ts by ritual step with a live count; each formula has its own page with texture, ideal context, ritual placement and linked ingredients. [included-working] - Ritual builder: Answer three observations to compose editable morning and evening routines from the bundled formulas, in the browser. [included-working] - Ritual tray: Add formulas with quantities and see an estimate; the tray is saved in the visitor's browser with localStorage and has no checkout. [browser-local-demo] - Ingredient index: Seven ingredient records with detail pages that link back to their formulas. [included-working] - Field notes: Three complete field notes on climate, texture and layering. [included-working] - Care desk form: Validated contact form that transmits nothing and says so; the address shown comes from config/brand.ts. [frontend-demo] - Page metadata: Each route names its own canonical and Open Graph URL; sitemap and robots are generated from config/brand.ts. [included-working]
- Formula shop: Filter the six formulas in data/products.ts by ritual step with a live count; each formula has its own page with texture, ideal context, ritual placement and linked ingredients. [included-working] - Ritual builder: Answer three observations to compose editable morning and evening routines from the bundled formulas, in the browser. [included-working] - Ingredient index: Seven ingredient records with detail pages that link back to their formulas. [included-working] - Field notes: Three complete field notes on climate, texture and layering. [included-working] - Page metadata: Each route names its own canonical and Open Graph URL; sitemap and robots are generated from config/brand.ts. [included-working]
- payments: Payments require a payment-provider integration. [integration-required] - auth: Customer accounts are not included. [not-included] - email: The care desk form transmits nothing until you connect a form or email service. [integration-required] - cms: CMS integration is not included; content ships in data files. [not-included] - booking: No consultation booking is included. [not-included] - orders: Checkout, inventory and order processing require integration; the ritual tray is browser-local. [integration-required] - backend: A database and production backend are not included. [not-included] - mlsCrm: No CRM integration is included. [not-included]
- Formulas, prices and ingredient notes are fictional sample content; ingredient notes are not medical advice. - English demo content only; multilingual UI and RTL have not been validated.
- Unzip the package and read START-HERE and the buyer documentation. - Set the name, tagline, contacts and site URL in config/brand.ts, then replace the formulas, ingredients and field notes in data/. - Replace the imagery, run the development server, test content and responsive layouts, then run the production build. - Connect a real commerce, checkout and form service before launching.
- caldermoss-beauty-v1.0.1.zip · version 1.0.1 Node.js 20.9 or newer; internet access for dependency installation. Open Source. Install: npm ci Build: npm run build Lockfile: package-lock.json. Package manager: npm.
LICENSE — Webloomery Template License v1.0 (effective 26 September 2026) - One purchase, one end product: build one website or application for yourself or for one client. - Modify the source for that end product. Its development, staging and production copies count as one end product. - Team members and contractors on that end product may use the files, only for it. - You may hand the finished project and the customized source it needs to that one client; the Template is then not reused for anyone else. - Each additional website, application, end product or client needs another purchase. - Not allowed: reselling, sharing, sublicensing or publicly publishing the Template source; turning it into a template, builder, code generator or reusable client-production system; reselling its components or assets separately. - Third-party fonts, photographs and other assets keep their own licenses, listed in ASSET-CREDITS.md. - Support and updates are separate from the license. The full license text is included as LICENSE.txt in the download and published at https://webloomery.com/legal/license.
- Help with documented installation and build steps - Verified defects in the code as shipped Excluded: Customization; Custom development; Third-party service setup; Legal advice. No guaranteed response time. No fixed support period is promised.
18 original AI-generated images with recorded prompts and checksums; no stock photography. Original wordmark, interface icons and code-drawn ingredient orbits. Software and fonts retain their own licenses. Read ASSET-CREDITS.md. Third-party materials retain their own licenses. Demo brands and content must be replaced before launch.
Designed as a credible product experience—not a set of disconnected sections. Every layout is ready to adapt while preserving the logic that makes it feel intentional.
Inside the build
Pages included
Technology
Next.js 16 · React 19 · TypeScript · Static export
Compatibility
Modern evergreen browsers. Responsive from compact mobile screens through wide desktop layouts.
Support & docs
README, START-HERE, rebranding, commerce and forms, accessibility and license guides, plus ASSET-CREDITS.md and a per-image media manifest with prompts and checksums. Package-specific setup guidance and release notes are provided.
Before you buy
Compare the demo, included scope and integration work with your launch plan.
Read the Next.js website template checklistBuyer support
Learn how to install, customize and deploy this template step by step.
Watch on YouTubeTutorial duration · 10:48
Use it with confidence
Webloomery Template License v1.0 — one purchase covers one end product for you or one client. The full text ships as LICENSE.txt.
Read the license