E-commerce
New templates arrive weekly
Immersive website prompts
Before you ask
Fast, findable, and yours to rebuild
Optimized for performance
Google PageSpeed Insights · mobile on a Moto G Power, Slow 4G
Mobile median
Desktop median
- Mobile
- 98
- Desktop
- 100
- Accessibility
- 100
- Best practices
- 100
100 SEO, out of the box
PageSpeed SEO 100 on every template, mobile and desktop.
- sitemap.xml
- robots.txt
- canonical
- meta description
- robots meta
- Open Graph
- Twitter card
- JSON-LD
- web manifest
- favicons + touch icon
- lang attribute
- semantic HTML
Designed for every screen
Every template has its own laptop, tablet and mobile layout.
The Flora template on a desktop screen. The Flora template's phone layout.
Full Stack
Source code with AI orchestration
A real Next.js project, with the architecture and rules your coding agent reads before it touches anything.
- flora/
- .claude/agent harness
- settings.json3 hooks
- skills/16 skills
- optimize-load/
- optimize-performance/
- optimize-3d-scene/
- mobile-device-qa/
- seo-audit/
- aeo-visibility/
- schema-markup/
- site-migration/
- figma-to-section/
- qa-verify/
- ship-check/
- supabase-auth/
- supabase-db/
- payload-cms/
- payload-admin/
- payload-analytics/
- commands/11 commands
- new-page.md
- section.md
- qa.md
- perf.md
- load.md
- seo.md
- ship.md
- … 4 more
- agents/4 subagents
- section-builder.md
- motion-reviewer.md
- seo-auditor.md
- vault-librarian.md
- rules/10 rules
- motion.md
- design-tokens.md
- seo-robot.md
- … 7 more
- scripts/
- verify.shrule checks
- obsidian/51 notes
- README.mdmap of content
- architecture/5
- frontend/16
- animation-system.md
- design-system.md
- robot-form.md
- webgl-scenes.md
- … 12 more
- workflows/15
- ai-agent-guide.md
- optimize-load.md
- ship.md
- … 12 more
- knowledge/
- fix-catalog.md73 fixes
- pitfalls.md
- meta/
- decisions-log.md
- optimization-history.mdper template
- backend/4
- templates/4
- src/
- app/
- sitemap.ts
- robots.ts
- AGENTS.mdagent rules
- CLAUDE.md
Built on our starter15+ skills10+ commands4 subagents50+ design rules
Ships as Next.js. Rebuilds wherever your AI writes code.
Source
- Next.js
Rebuild with your AI
- React
- Vue
- Svelte
- Astro
- Nuxt
- HTML
- WordPress
- Shopify
- Lovable
- Manus
- + anything
Check the numbers yourself
Open any template: its Performance tab shows how smoothly it scrolls, its SEO tab the full PageSpeed reports.
New scenes arrive weekly
3D scene prompts
New gradients arrive weekly
Interactive gradient prompts
Gradient Roller
Vitreous Standard
Vitreous Emerald Caustic
Roll randomized palettes or tune WebGL uniforms live to engineer your signature look.
Palette Tuner
New sections arrive weekly
Interactive section prompts
New tools monthly
AI design tools
Create unique effects for your design. Tune them in the browser and copy the prompt straight into your code.
How it works
One prompt from idea to interface
Everything you need to build a cinematic website with AI

Make it yours
Use ours as the foundation and build a website nobody else has: compose your own scenes, sections and a lot more.
See all 3D scenes

Ship it
Paste one prompt into Claude Code or Cursor. It's live, fast and SEO-ready.
PageSpeed, median across our templates
- Mobile 98
- Desktop 100
- SEO 100

Figma plugin
Hoài Nam Studio, in your Figma file
Templates and sections arrive as real editable Figma designs, ready to customize and ship into production.
- Templates arrive as editable design
- Gradients tuned live, placed as seen
- 3D scenes and backgrounds, image or video

FAQFrequently asked
Frequently asked
questions
Yes — a curated set of free layers, full prompt included, no card. Copy one into your AI and you will know within a few minutes whether this is for you. That is what it is there for.




















