Live pages, shaped by hand

Jomoq builds a live page from a sentence. Click any text to rewrite it, point at an element and say what should change, and pull a palette with the contrast already checked. Then publish it with a cover and let people remix it.

Get started See what people made

The builder is on paid plans. See pricing

Build a mobile-friendly coming-soon page for a coffee subscription called Morning Loop.

Morning LoopPlansBeansJoin

Fresh beans, every Monday.

Small-batch coffee, roasted on Friday and at your door by Monday.

Join the list

Colour palette

AAAAAAAAAAAAA

Text

Fresh beans, every Monday

Enter to save · no AI involved

The fastest way from an idea to a page you can click.

Start with a sentence. Finish with your hands on it.

Pick Point at an element and describe the change. Text Click any words on the page and type over them. Palette OKLCH harmonies with WCAG contrast on every swatch. Publish A cover from your preview, and remixes that credit you.

Point at it. Say what should change.

Pick an element in the live preview and it rides along with your next message, markup and all. The agent edits the code while you watch the page.

Morning Loop Chat Layout Run Palette Pick Text Deploy Publish

div.plan-cardattached

Make this plan stand out: more room, a softer shadow and a bolder price.

Read index.html

Edited styles.css+11−3

The middle plan has more padding, a softer shadow and a larger price in your accent colour. The other two are unchanged.

UndoExplainPolish

Describe a change…Jomoq Pro

Preview1040 × 640

Morning LoopPlansBeansJoin

Fresh beans, every Monday.

Small-batch coffee, roasted on Friday and at your door by Monday.

Join the list

Weekly$14per bagChoose

div.plan-card 288 × 214Fortnightly$13per bagChoose

Monthly$12per bagChoose

Click any text and type

Turn on Text, click a heading, a button label or a price, and write over it. The change goes straight into your code without a model call, and lands in version history like any other edit.

Try it on a page

Palettes with the contrast already checked

Five colours from a base hue, built in OKLCH so the steps look even. Lock the ones you like and re-roll the rest. Every swatch shows its WCAG contrast against white and black, and one click writes them into your CSS.

Open the palette generator →

Colour palette

Base hue40° AnalogousComplementaryTriadicMonochromeRandom

AaAa

#4E1924 14.1 AAA1.5 ✕

AaAa

#A83634 6.5 AA3.2 AA Large

AaAa

#DE602F 3.6 AA Large5.8 AA

AaAa

#F2A26A 2.1 ✕10.2 AAA

AaAa

#FAE4CC 1.2 ✕17.0 AAA

GenerateCopy CSSInsert as CSS variables

styles.css

1+:root {

2+ --color-1: #4e1924;

3+ --color-2: #a83634;

4+ --color-3: #de602f;

5+ --color-4: #f2a26a;

6+ --color-5: #fae4cc;

7+}

Publish with a cover. Get remixed with credit.

Publishing captures a cover from your live preview. People play your page in the Playgrounds feed, like it, comment and remix it, and every remix links back to you.

Browse Playgrounds →

Morning LoopPlansBeansJoin

Fresh beans, every Monday.

Small-batch coffee, roasted on Friday and at your door by Monday.

Join the list

Weekly$14per bagChoose

Fortnightly$13per bagChoose

Monthly$12per bagChoose

@youMorning Loop

214189

Publish to Playgrounds

Morning LoopPlansBeansJoin

Fresh beans, every Monday.

Small-batch coffee, roasted on Friday and at your door by Monday.

Join the list

CoverCaptured from your live preview when you publish

TitleMorning Loop DescriptionA coming-soon page for a coffee subscription.

Publish under the MIT License

Community guidelinesCancelPublish

Six pages. Six sentences.

Each one was built by Jomoq Pro from the prompt under it, exactly as written. Pick one to try it yourself.

Landing page

“Build a responsive landing page for a sleep-tracking app called Drift: hero, three-feature grid, pricing with two plans, and an FAQ.”

Portfolio site

“Build a personal portfolio for a product designer named Maya Chen: hero, a projects grid with six cards, an about section, a contact link, and a dark mode toggle.”

Recipe page

“Build a recipe page for a weeknight miso ramen: a hero with a CSS-gradient photo placeholder, an ingredients list with a servings scaler that updates quantities, a step-by-step method with checkboxes, and a built-in timer.”

Restaurant menu

“Build a menu page for a small Italian restaurant called Osteria Nove: antipasti, pasta, and dolci sections, dietary tags, and a reservation form with validation.”

Interactive brief

“Build an interactive one-page brief on the EU AI Act for a general audience: what it covers, who it affects, key dates on a timeline, and a short FAQ. Clean, polished layout.”

Launch page

“Build a mobile-friendly coming-soon page for a coffee subscription called Morning Loop: headline, three-point feature list, and an email capture with validation and a thank-you state.”

Made for working on the details

Sizes, history, polish, and a way to take it with you.

Layouts and exact sizes

Editor left, right or on top, code only or preview only. Drag the split and the preview shows its width and height.

Every change is a version

Agent edits, palettes and text edits all land in history with a diff, so trying an idea costs nothing.

One tap of polish

Under every agent edit: Undo, Explain, or Polish for a pass on spacing, type and detail.

Take it with you

Deploy to a public URL, or export the files as a ZIP. It's plain HTML, CSS and JavaScript.

Questions

Code, contrast, files and plans.

See pricing →

Do I need to know code?

No. Describe the page, point at things and say what to change, and click text to rewrite it. The code is always one tab away when you want to look, and every change keeps a version.

What do the contrast badges mean?

Each swatch shows its WCAG contrast ratio against white and against black. AAA is 7:1 or more, AA is 4.5:1 (body text), AA Large is 3:1 (large text), and a cross means it fails for text.

Can I take my work elsewhere?

Yes. Export the playground as a ZIP of plain HTML, CSS and JavaScript, or deploy it to a public URL. When you publish to Playgrounds you choose whether it's under the MIT License.

Is the builder on the free plan?

No. The builder, deploys and publishing are on paid plans. Chat, cited research, file uploads and the planner come with every account.

Make a page people can click.

Start from a sentence, then make it yours. The builder is on paid plans.

Get started