ZEN - Customizable WebGL Shader Agency Template
ZEN is a creative agency website template built with Next.js, React, TypeScript, Tailwind CSS 4, Three.js, and GSAP. The hero features a procedural WebGL / GLSL metal shader with pointer and scroll interaction. Its colors, fold geometry, deformation, lighting, glow, shadows, and animation can be customized in the shader source. Original video-filled ZEN lettering completes the hero. A liquid-glass project carousel adds edge refraction, chromatic dispersion, drag navigation, keyboard controls, and focused project views. The page includes layered section transitions, service hover previews, a blurred header, an interactive Spline robot, responsive layouts, a contact form, and seven shader motion studies. This package contains the exact source commit deployed at zenagency-virid.vercel.app, including every public asset. Original images, video files, posters, branding, text, contact settings, and the externally hosted Spline scene reference are preserved. Contact delivery uses FormSubmit; no chatbot backend is included.
Template · $49 96
A whole site to start from, built with React, Next.js and Tailwind. Open the live demo with Preview, then take it from 21st.dev.
Install
Hosted on 21st. One payment, yours for good, including every future version.
Details
Created Oct 3, 2026Updated Oct 25, 20263 unlocks
