niche

About this template

A clean, clinical template for skincare, beauty and limited-edition product brands. Build a particle molecule as visitors scroll, show your formulas in an endless WebGL slider where every photo dissolves into particles, and collect reservations for a numbered drop.

niche pairs a sterile, lab-like layout with quiet WebGL details throughout. In the hero, a DNA helix of particles assembles itself as you scroll, reacts to the cursor and disperses as the page ends. Product shots melt into flowing particles under the cursor and drift in the wind when the slider is dragged, and the menu materialises out of blur and fine sand.

Key features

* Home, CMS-powered product pages and a custom 404 page (specimen not found)

* WebGL particle DNA hero that assembles on scroll, follows the cursor and disperses at the end of the page

* Release countdown in the hero and the reservations section

* Endless product slider with drag, inertia, touch swipe, trackpad and arrow keys, a 01 / 07 counter and a progress bar, fed by Framer CMS

* Product Particles: each packshot stays sharp at rest, dissolves into GPU particles that follow the cursor and streams with the slider's motion

* Product pages with formula, price, a spec table (volume, pH, texture, use, key actives, edition size), description, how to use, full ingredient list and previous / next navigation

* Laboratory section: manufacturing processes from the CMS on frosted-glass cards over the molecule

* Ritual index: the AM / PM order of every product as a CMS table

* Burger menu with a sterile white overlay that forms out of blur and sand, a section index that sharpens into focus and an edition status record

* Lens Text: headlines or an SVG logo emerge from an optical defocus

* Reservation form with loading, success and error states and a reservation counter

Feel free to reach out with any questions - demidov.alexandr@gmail.com