Nocturne — Dark Studio Narrative
Formynex StudioAgency
- Agency
- Dark Mode
- Scrollytelling
All animated and interactive website templates
The complete Formynex catalogue — 62 templates, every one animated and running in the browser. This is the full list rather than the featured selection on the home page, so you can filter it, sort it and compare everything in one place.
Each one has a live demo you can open and scroll before you decide. Nothing here is a screenshot or a recording.
What is in the catalogue
Counted from the catalogue itself, not rounded for effect.
- Scroll-driven
- 29
- Three-dimensional
- 19
- Classic
- 18
- Canvas-drawn
- 17
- Single file
- 60
The layout responds to scroll position rather than playing a loop regardless of where the reader is.
17 of them project real geometry in the browser with Three.js; the rest reach for depth another way. See how each one does it.
Conventional multi-section sites — no scroll choreography, no WebGL — for projects where the content is the argument. See the classic collection.
Scenes drawn per frame in code, so they scale to any viewport without a larger asset.
One HTML file you can host anywhere, with no build step. 14 use GSAP from a CDN.
Browse by what they do
Smaller, explained groups for when you already know the effect you want.
Choosing between them
Start from the motion, not the industry
Category labels describe the copy that ships in the demo, and copy is the easiest thing to change. How a template moves is what you are actually buying, so filter on that first.
Open the demo on your phone
Scroll-driven layouts feel different on a touch screen than under a mouse wheel. Every demo is public, so check the one you like on the device your visitors actually use.
Check what you are handed
Most of these are a single HTML file that needs no build step. Each detail page states its format exactly, including any library the template loads from a CDN.
The full catalogue
All 62 templates, no pagination.
Type:
Every template in the catalogue
Popular:
62 templates found
- Details
- Details
Formynex Travel & Visa Consultancy
Formynex StudioTravel & Visa- Travel & Visa
- Scroll Animation
- Dark Mode
- Details
Aperture — Exploded Work Showcase
Formynex StudioPortfolio- Portfolio
- Canvas
- Scroll Animation
- Details
Formynex AI Solutions
Formynex StudioAI & Technology- AI & Technology
- AI
- 3D
- Details
District — Walkable AI Street
Formynex StudioTechnology- Technology
- AI
- 3D
- Details
Living Facade — Responsive Architecture
Formynex StudioArchitecture- Architecture
- Canvas
- Scroll Animation
- Details
Cadence — Arch Motion Tunnel
Formynex StudioMotion Design- Motion Design
- 3D
- Scroll Animation
- Details
Formynex Commercial Real Estate
Formynex StudioReal Estate- Real Estate
- 3D
- Scroll Animation
- Details
Neural Citadel — Server City
Formynex StudioAI & Technology- AI & Technology
- AI
- Canvas
- Details
Pathway — Guided AI Directory
Formynex StudioTechnology- Technology
- AI
- 3D
- Details
Tool Vortex — Orbital Directory
Formynex StudioTechnology- Technology
- AI
- 3D
- Details
Quarry — Modular Canal City
Formynex StudioArchitecture- Architecture
- 3D
- Scroll Animation
- Details
The Ascent — Monumental Climb
Formynex StudioLanding Page- Landing Page
- Canvas
- Scroll Animation
- Details
Tool Vortex — Daylight Orbit
Formynex StudioTechnology- Technology
- AI
- 3D
- Details
Meridian — Secure Corridor
Formynex StudioCybersecurity- Cybersecurity
- 3D
- Scroll Animation
- Details
Bauhaus Signal Deck
Formynex StudioAI & Technology- AI & Technology
- Canvas
- Editorial
- Details
Nexora — AI Product Studio
Formynex StudioTechnology- Technology
- AI
- Scroll Animation
- Details
Bedrock — Villa Design & Build
Formynex StudioConstruction- Construction
- Scroll Animation
- Video
- Details
Symbol Network
Formynex StudioTechnology- Technology
- AI
- Canvas
- Details
Circuit — AI Engineering Board
Formynex StudioTechnology- Technology
- AI
- Canvas
- Details
Vermeil — Optical Stripe Tunnel
Formynex StudioAgency- Agency
- 3D
- Scroll Animation
- Details
Signal Facade — Tower
Formynex StudioAI & Technology- AI & Technology
- Architecture
- Scroll Animation
- Details
Orbital — HUD Systems Deck
Formynex StudioTechnology- Technology
- HUD
- Canvas
- Details
Neon Avenue — City at Dusk
Formynex StudioMotion Design- Motion Design
- Canvas
- Scroll Animation
- Details
Modular Tool City
Formynex StudioAI & Technology- AI & Technology
- AI
- Canvas
- Details
Living Alphabet Archive
Formynex StudioTechnology- Technology
- Typography
- Canvas
- Details
Formynex Thailand Tours
Formynex StudioTravel & Tourism- Travel & Tourism
- Scroll Animation
- Dark Mode
- Details
Formynex Digital Infrastructure
Formynex StudioTechnology- Technology
- 3D
- Scroll Animation
- Details
Aurora — Video Hero
Formynex StudioLanding Page- Landing Page
- Video
- Dark Mode
- Details
Machine — Interactive AI Directory
Formynex StudioTechnology- Technology
- AI
- Canvas
- Details
Deck — Card-Dealt AI Directory
Formynex StudioTechnology- Technology
- AI
- Canvas
- Details
Infinite Discovery Chamber
Formynex StudioAI & Technology- AI & Technology
- AI
- 3D
- Details
Velocity — Scroll-Driven Meter
Formynex StudioTechnology- Technology
- Dashboard
- Scroll Animation
- Details
Coastal Route — Slow Travel Journey
Formynex StudioTravel & Tourism- Travel & Tourism
- Canvas
- Scroll Animation
- Details
Nebula — Creative Agency
Formynex StudioAgency- Agency
- React
- Glassmorphism
- Details
Tool Vortex — First Cut
Formynex StudioTechnology- Technology
- AI
- 3D
- Details
Boulevard — Metropolitan Avenue
Formynex StudioReal Estate- Real Estate
- 3D
- Scroll Animation
- Details
Bot Palette Wall
Formynex StudioAI & Technology- AI & Technology
- AI
- Canvas
- Details
Axiom — Interactive Intelligence
Formynex StudioTechnology- Technology
- Dashboard
- Canvas
- Details
Skyline — Cinematic Scroll Landing
Formynex StudioLanding Page- Landing Page
- Video
- Scroll Animation
- Details
Signal Facade — Compact
Formynex StudioAI & Technology- AI & Technology
- 3D
- Scroll Animation
- Details
Palm District — Storefront Studio
Formynex StudioAgency- Agency
- Canvas
- Scroll Animation
- Details
Pigment — Colour-Block City
Formynex StudioVisual Design- Visual Design
- 3D
- Scroll Animation
- Details
Signal Facade
Formynex StudioAI & Technology- AI & Technology
- 3D
- Scroll Animation
- Details
Forge — Bespoke Motorcycle Atelier
Formynex StudioAutomotive- Automotive
- Dark Mode
- Editorial
- Details
Meridian — Expedition Travel Journal
Formynex StudioTravel & Tourism- Travel & Tourism
- Editorial
- Glassmorphism
- Details
Larkfield — Residential Estate Agency
Formynex StudioReal Estate- Real Estate
- Light Mode
- Search & Filter
- Details
Verdant — Biophilic Interior Studio
Formynex StudioInterior Design- Interior Design
- Editorial
- Light Mode
- Details
Outlands — Expedition Equipment
Formynex StudioE-commerce- E-commerce
- Dark Mode
- Swiss Grid
- Details
Abyssal — Subsea Camera Systems
Formynex StudioTechnology- Technology
- Dark Mode
- Technical
- Details
Ardenwell — Advocates and Counsel
Formynex StudioLegal- Legal
- Professional Services
- Serif
- Details
Lakeholm — Lakeside Rental Management
Formynex StudioHospitality- Hospitality
- Real Estate
- Dark Mode
- Details
Rootwell — Organic Grocery Delivery
Formynex StudioE-commerce- E-commerce
- Light Mode
- Search & Filter
- Details
Motorhouse — Used Car Marketplace
Formynex StudioAutomotive- Automotive
- Marketplace
- Dark Mode
- Details
Kittiwake — Coastal Boat Excursions
Formynex StudioTravel & Tourism- Travel & Tourism
- SVG
- Light Mode
- Details
Latitude — Commercial Property Marketplace
Formynex StudioReal Estate- Real Estate
- Marketplace
- Light Mode
- Details
Canopy — Office Plantscaping
Formynex StudioInterior Design- Interior Design
- Dark Mode
- Services
- Details
Provisio — Gourmet Pantry Market
Formynex StudioE-commerce- E-commerce
- Editorial
- Light Mode
- Details
Prism — Presentation Design Studio
Formynex StudioAgency- Agency
- Dark Mode
- Gradient
- Details
Saltgrove — Boutique Hotel
Formynex StudioHospitality- Hospitality
- Editorial
- Light Mode
- Details
Coldline — Guided Winter Treks
Formynex StudioTravel & Tourism- Travel & Tourism
- Dark Mode
- Condensed Type
- Details
Wildroot — Botanical Drinks
Formynex StudioE-commerce- E-commerce
- Glassmorphism
- Product