A curated collection of production-ready, high-performance website templates featuring modern design, 3D effects, and cutting-edge visual experiences. This repository contains both vanilla HTML/CSS/JS templates and React-based solutions for various use cases.
- 3D Experimental Templates (
no-react/3D/) - Immersive 3D experiences using Three.js, GSAP, and WebGL shaders - Landing Pages (
no-react/landings/) - High-conversion landing pages with unique visual identities - Modern Experimental (
no-react/modern-experimental/) - Avant-garde designs pushing browser capabilities - Full Multi-Page Websites (
no-react/websites/) - Complete 12-page website templates with about, contact, services, and more
- Unique modern Themes (
react/) - Ready-to-use templates.
- Performance-First: Lighthouse 95+ targets, optimized assets, minimal dependencies
- Mobile-First: Fully responsive designs that work flawlessly on all devices
- Zero Build Step: Vanilla templates work immediately - just open in browser
- Modern Aesthetics: Award-winning design principles, bold typography, smooth animations
- 3D & Shaders: Cutting-edge WebGL experiences with Three.js and custom shaders
- Dark/Light Modes: Many templates include theme toggles
- Accessible: Semantic HTML, proper ARIA labels, keyboard navigation
Simply open any HTML file in a modern browser. No installation required.
# Example: View a 3D template
open no-react/3D/109330182.htmlcd react/unique-modern-hero-design
npm install
npm startweb-templates/
├── no-react/ # Vanilla HTML templates
│ ├── 3D/ # 3D experimental templates
│ ├── landings/ # Landing page templates
│ ├── modern-experimental/ # Experimental modern designs
│ └── websites/ # Full multi-page websites
├── react/ # React-based templates
│ └── unique-modern-*/
├── assets/ # Shared assets (videos, images)
├── experiments/ # Experimental files
└── prompt_*.md # Template generation prompts
All templates follow these core principles:
- Performance Matters: Optimized loading, minimal JavaScript, efficient animations
- Design Excellence: Bold visual language, thoughtful typography, intentional whitespace
- User Experience: Intuitive navigation, fast interactions, accessible content
- Modern Standards: Latest CSS features, semantic HTML5, progressive enhancement
- Real-World Ready: Production-ready code with proper error handling
- HTML5 + CSS3 (Custom Properties, Grid, Flexbox)
- Vanilla JavaScript (ES6+)
- External libraries (CDN):
- Three.js for 3D graphics
- GSAP for animations
- Font Awesome for icons
- Google Fonts for typography
- React 18+
- Modern CSS (CSS Modules or styled-components)
- Vite for fast development
Templates are generated using a seed-based randomness system that ensures unique, reproducible designs. Each template's seed number determines:
- Color palette family
- Typography pairing
- Layout rhythm & spacing
- Animation personality
- Corner treatment & visual texture
- Content density
- Interaction depth
- Accent geometry
See prompt_website.md and prompt_3D.md for the complete generation specifications.
These templates are free to use for personal and commercial projects. Attribution is appreciated but not required.
- Study the code to learn modern web techniques
- Use as starting points for client projects
- Adapt and customize to your needs
- Explore different visual approaches
- See how design decisions translate to code
- Get inspiration for your own projects
MIT License - feel free to use, modify, and distribute as needed.
Contributions are welcome! Feel free to:
- Report issues
- Submit new templates
- Improve existing templates
- Suggest enhancements
Made with ❤️ for the web community
Elevate your web presence with templates that combine stunning visuals with rock-solid performance.