Design

See three designs before any code

Give Swarmz a rough idea and it designs three full pages, each with its own type, layout and imagery. Pick one, tweak it or ask for three more, and it builds the one you love.

Browse templates

Real pages, not mood boards

Full, scrollable concepts that differ in type, layout and imagery.

Your brand, imported

Colours and type from your website, in one step.

Taste, built in

Design, layout, motion and accessibility know-how, used when it counts.

Directions

Pick one, tweak it or start again

Open any direction full size and change it with a sentence: warmer colours, a bigger headline, darker hero. Not quite right? Regenerate all three. Know what you want already? Say “just build it” and skip straight to building.

Readable on desktop and phone
Tweak one with a single sentence
Skip them whenever you like

Your brand

Bring the brand you already have

Point Swarmz at your website and it reads your colours, fonts and styles, then every page it builds follows them. You can also import from an npm package, a GitHub repo or a design-token file, or set up a brand kit by hand.

Import from your website in one step
Or from npm, GitHub or token files
Every page stays on brand

Skills

Design skills, built in

Swarmz comes with 12 built-in skills, from frontend design and responsive layout to animation, accessibility and SEO, and it picks up the right ones on its own. Teach it your own way of working and call it with /.

Picks the right skill for the job
Write your own skills and reuse them
Call any skill with /

Plan mode

Plan it first, when you want to

Switch on Plan and Swarmz asks its questions up front, then writes a plan of the screens and data. Edit it, ask for changes, and press Approve & build when it's right.

All the questions at once, not one by one
A plan you can edit
Nothing is built until you approve

Built with Swarmz

Designs worth starting from

Every template was built with Swarmz and is live on the web right now. Start from one, or from a sentence.

Explore 28 templates

Hibana

Single-product knife shop

Project Atlas

Project delivery platform

Hard Reset

Brand studio

Palm Static

Listening bar and kitchen

Arcflow Launch

Workflow software launch page

Maison Brûlé

Bakery with order-ahead

Form/Shift

Modular furniture store

Afterimage

Motion designer portfolio

Aster House

Home goods store

Address

Estate agency

Concrete Cathedrals

Architecture journal

Smoke & Stack

Burger restaurant

Lumière

Art gallery

Pinboard

Collaborative moodboards

Second Life

Electronics reuse campaign

Runstate

AI observability dashboard

Vectorloom

Generative design platform

Atelier North

Interior design studio

Otto Grau

Capital advisory firm

Silt Office

Design studio

Sottovoce

Wine bar one-pager

New Ground

Career strategist

Kram

Second-hand marketplace

Common Hours

Lifestyle brand

Tally

Revenue dashboard

Arcflow

Product site with live app UI

Common Signal

Creative agency

Questions, answered

When do I get design directions?

When your first message leaves the look open. If you already describe the style you want, or say “just build it”, Swarmz goes straight to building.

Do design directions cost credits?

Yes. Designing three real pages uses credits, like the build itself. You can skip them at any time.

Can I use my own brand?

Yes. Import your colours and type from your website, an npm package, a GitHub repo or a design-token file, or set up a brand kit by hand. Creating a full custom design system from scratch is part of the Business plan.

What are skills?

Know-how Swarmz loads when it's relevant. There are 12 built in, including frontend design, responsive layout, animation and motion, accessibility, SEO and web performance. You can write your own and call them with /.

Can I plan before anything is built?

Yes. Turn on Plan in the prompt box and Swarmz asks its questions up front or writes a plan you can edit. Building starts when you press Approve & build.