wtfproof

About this template

A bold, product-first template for outdoor gear, gadget and consumer-hardware brands. Drop your headline into real-time water, show your products in an endless WebGL gallery and send shoppers to the nearest store on a minimal dotted world map.

wtfproof pairs a clean, quiet layout with water effects throughout. In the hero, your headline or SVG logo drops into the water as you scroll, with refraction, rainbow dispersion, bubbles and a 3D fish swimming past. The menu fills with water when it opens, and its links ripple under the cursor. Products and stores run on Framer CMS, every effect is a code component with its own controls, and a built-in Get Started guide walks you through replacing the sample content.

Key features

* Home, CMS-powered product pages and a custom 404 page that sinks

* WebGL water hero: caustics, chromatic refraction, splashes, bubbles, dripping wet text and drops on the screen

* A 3D fish that swims through the water, leaving a wake and bubbles

* Endless WebGL product gallery with drag, autoplay, inertia and bend / twist distortion, fed by Framer CMS

* Product pages with category, price, description, close-up shot, story and a Where to buy button

* Where to buy section: a dotted world map that flies to each store from a CMS list

* Burger menu with a water transition: the panel fills with water and links rise through ripples, grow on hover and bend under the cursor, full screen or sidebar

* Preloader that fades the hero and gallery in once fonts and images are ready

* Fast WebGL: effects pause off screen and the 3D model loads lazily, with a Quality setting for lighter pages

* Newsletter form with loading, success and error states

* Shared colour and text styles across the whole site

* Step-by-step Get Started guide inside the project

* SEO-ready: titles, descriptions and alt text for every product from the CMS, plus favicon and social image

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