Type a prompt. Get a 3D hero.
A living 3D background for your landing page — added with a single line of code. Under 400KB. 60fps.
≤400KB gzip · 60fps
How it worksHow it works
Prompt to production in three steps
1
1. Type a prompt
"violet particle field for a dark SaaS" — that is the whole input.
2
2. Tweak it with words
"make it slower, shift to indigo" — revisions are prompts too.
3
3. Paste one line
<script async src="…/hero3d.js"
data-scene="scn_XXXXXXXX"></script>What you get
Built to a budget, not a mood
≤400KB gzip
Hard budget, enforced in CI.
60fps on phones
Quality tiers per device.
Dark/light aware
Follows the host page, live crossfade.
Respects reduced-motion
Static frame, never a blank hero.
WebGL fallback
CSS gradient when GL fails — never breaks your page.
Code you can own
No editor, no lock-in.
Integration
One line. Any stack.
The embed is a script tag that renders straight into your page — no iframe, no build step. Using React? The same loader wraps into a component. Either way the scene ships as schema-validated config, not generated code.
<script async src="https://somun-api-969004524694.asia-northeast3.run.app/embed/v1/hero3d.js" data-scene="scn_XXXXXXXX"></script>
Templates
Six templates, one budget
Every one of them honors the same budget, themes and fallbacks. Click a card to start from its prompt.
Pricing
Start free, pay when it ships
Free
$0forever
- Hosted embeds with a small badge
- 10 free generations a day
- Full quality — fps, themes, mobile
Credit pack
$12one-time · 50 generations
- Credits never expire
- Failed generations aren't charged
- No subscription — top up only when you need more
Scene download
$39per scene
- Your scene as one self-contained file, no watermark
- Keeps working even without our servers
- Re-export the same scene free after remixes
Founding
$79one-time
- 100 credits + 3 scene downloads
- Limited 50 seats
- Launch-week only