We're in beta — founding members pay $49/year and keep that price for life. 31d 02h 18m 29s

Build what you love...

Design, animate and ship without leaving the browser — then export plain HTML, CSS and JS that's yours to host anywhere. 330+ production-ready assets, no hidden wrappers, no framework lock-in.

Get started free !

We only read your name and email — never your repos or messages.

Just want a look first? Open the Playground
Why choose us.

What makes us stand out

Simply design, animate and ship — without leaving the browser.

Responsive by design

Override any property per breakpoint and watch the canvas simulate the device — what you see at 375px is what ships at 375px. And the editor itself runs on your phone, so you can build on the go, not just preview.

Clean code export

Plain HTML, CSS and JS with real semantic tags — <details>, <ul>, <nav>. No hidden wrappers, no framework lock-in.

Live preview

Preview changes instantly and share an expiring link with clients — no deploy, no staging server.

Fork any asset

Editing a shared asset would change every copy. Fork it instead — a private version that's yours to break, re-insertable anywhere.

Animate on scroll

Real keyframes on a scrubbable timeline. Set the trigger range on the preview itself and watch it play as you drag.

Learn while you build

Pick up real CSS and JS concepts as you go — a DOM tree, live style panels and an undo history that shows exactly what changed.

Live now

Pick an asset, ship it

Every panel below is a real, production-ready asset from our library — tap its number to open the full source.

Card Button Navbar Text Container Footer Progress Accordion & many more
Explore 300+ assets →
No lock-in

Export is a folder, not a favour.

Hit export and you get static HTML, CSS and your images in a zip. Open it in an editor and it reads like something a person wrote. Drop it on Netlify, GitHub Pages, a cheap shared host, or a client's existing server.

  • Semantic tags — real headings, lists, nav and details elements
  • No framework, no build step, no runtime dependency on us
  • Animations included as one small vanilla script
  • Your exports are yours forever — cancel anytime, they never stop working
index.html
<!-- what actually comes out -->
<section class="hero">
  <h1>Field Notes</h1>
  <p>A journal from the road.</p>
</section>

<details class="faq-item">
  <summary>How do I host this?</summary>
  <p>Anywhere that serves files.</p>
</details>

<!-- no data-builder-id, no wrapper
     divs, no phone-home script -->
Founding offer

Simple plans

Founding price ends 11 Nov 2026. Founding members keep $49/year for as long as they stay subscribed — even after it goes to $99.

Free tier
$0
forever, no card
  • Up to 3 projects
  • 150+ free design assets
  • Multi-page projects
  • Scroll & hover animations
  • Expiring client preview links
Start for free
FOUNDING PRICE
Pro tier
$99$49/year
≈ $4.08/mo · billed annually
Your price locked in for life — save 51%
  • Up to 10 projects
  • Full 300+ asset library(incl. 100+ Pro-only)
  • Export clean HTML, CSS & images
  • Custom CSS & JS code injection
  • Custom domain, branding removed
  • Unlimited pages per project
FOUNDING PRICE ENDS IN31d 02h 18m 29s
Goes to $99/year on 11 Nov 2026 — lock in $49 now.
Claim a founding spot
14-day money back, no questions asked · one refund per account
Questions

The honest answers

Is this actually finished?

It's in beta. The builder, the 150+-asset library, animations, responsive tools, export and share links all work today. There are rough edges in places — that's exactly why the founding price is what it is. If you hit something broken, the box below reaches us directly.

Can I build multi-page websites?

Yes. Add as many named pages as you like inside one project — each page has its own canvas, its own HTML, and shares whatever global styles you set on the body. The export bundles every page into a single zip, one folder per page, ready to drop on any static host.

How do the animations work?

There are two layers. The scroll studio lets you set a trigger range directly on the preview by dragging — the selected element plays its keyframes as you scroll through that range. Hover animations let you define a before/after state without writing a line. Both export as a single small vanilla script with zero external dependencies.

Can I add my own CSS and JavaScript?

Yes — there's a custom code tab on every project. Your CSS is applied live to the canvas via the CSSOM (scoped so it can't break the editor), and your JS runs only inside the sandboxed preview iframe, never alongside the editor itself. Both are bundled into the export.

What if I pay and it isn't for me?

Ask within 14 days of paying and you get the whole amount back — no questions, no form to argue with. There's a button for it on your upgrade page that shows how many days you have left. Your account drops to Free; nothing you built is deleted. It's one refund per account, covering your first Pro purchase.

Who is this for?

Developers and designers who can read HTML and CSS but don't want to hand-write every card, navbar and pricing table — freelancers, small agencies, developers building marketing pages, designers who've outgrown template sites. If you've never seen a CSS property before, a simpler tool will serve you better.

What happens to my sites if I cancel?

Export before you cancel and the output is entirely self-contained static files — no phone-home script, no runtime dependency on this service. If you cancel Pro, your account drops to Free and your projects stay in your account; you just can't export new ones or access Pro assets until you upgrade again. It's a fair thing to worry about with a small product, and the answer shouldn't be "trust me" — that's why export is a first-class feature, not a checkbox.