Browse them all live → https://bswxyz.github.io/formwork/
Twenty-seven fundamentally different, MIT-licensed website templates — WebGL shaders, real-time 3D,
generative art, audio-reactive visuals, kinetic typography, claymorphism, Swiss grids and more.
Each one is plain HTML/CSS/JS (no frameworks, no build), deploys to GitHub Pages in a minute,
and ships a /guide/ page explaining exactly how its signature effect works.
- Open a template's source link below and click Use this template → create a repository under any name you like (all paths are relative — any repo name works).
- In your new repo: Settings → Pages → Deploy from a branch →
main/ root. - Your site is live at
https://YOUR-USERNAME.github.io/YOUR-REPO-NAME/. Edit, push, done.
| # | Demo | Template | Links |
|---|---|---|---|
| 01 | AURELIS | Fragrance / beauty brand template — live WebGL aurora | source · guide |
| 02 | MONOLITH | Design studio / agency template — kinetic typography | source · guide |
| 03 | HELIODON | 3D product showcase template — three.js + studio reflections | source · guide |
| 04 | NEBULA DRIFT | Space / astronomy template — 95k-particle three.js galaxy | source · guide |
| 05 | CHROMA | Creative studio template — raymarched liquid chrome | source · guide |
| 06 | ATELIER NOIR | Editorial magazine template — horizontal drag gallery | source · guide |
| 07 | PHOSPHOR | Retro terminal template — CRT boot + real command line | source · guide |
| 08 | SOMA | Wellness / meditation template — gooey blobs + breath guide | source · guide |
| 09 | GRID SYSTEM | Swiss / architecture studio template — live modular grid | source · guide |
| 10 | NEON SPRAWL | Synthwave / music template — infinite neon terrain | source · guide |
| 11 | CLAY | Playful app landing template — pure-CSS claymorphism | source · guide |
| 12 | ALGORITHM | Generative-art gallery template — seeded flow field | source · guide |
| 13 | AETHER | SaaS / AI product template — aurora glass + bento | source · guide |
| 14 | RESONANCE | Audio / sound studio template — Web Audio reactive visuals | source · guide |
| 15 | THE AWARD | Cinematic manifesto template — pinned horizontal acts | source · guide |
| 16 | CONTOUR | Outdoor / expedition template — living topographic map | source · guide |
| 17 | DRIFTWEAR | Fashion label template — cursor-follow lookbook | source · guide |
| 18 | HALO OS | Sci-fi dashboard template — animated mission-control HUD | source · guide |
| 19 | SUMI | Japanese ink-art template — WebGL ink on washi | source · guide |
| 20 | ISOMETRIA | Indie game studio template — interactive isometric island | source · guide |
| 21 | REVOLVER | Record shop / music player template — audio-reactive vinyl | source · guide |
| 22 | AURUM | Luxury brand template — gold dust + watch dial | source · guide |
| 23 | EMBER & OAK | Coffee / food brand template — steam & warmth | source · guide |
| 24 | VELOCITY | Dev-tool startup template — animated code review | source · guide |
| 25 | ZODIAC | Astrology / celestial template — interactive star map | source · guide |
| 26 | MERIDIAN | Espresso-equipment template — live pressure gauge + odometer readouts | source · guide |
| 27 | FARSIDE | Outdoor-gear template — terrain-reactive weather + SVG tent-config | source · guide |
Every template: survives a JS/CDN failure without hiding content · respects
prefers-reduced-motion · has keyboard focus states · feature-detects canvas/WebGL/audio ·
caps devicePixelRatio for performance · is responsive at phone/tablet/desktop.
All templates are MIT — free for personal & commercial use, no attribution required (a link back is appreciated). All twenty-seven belong to the FORMWORK collection.