A Tailwind landing page generator
Not a snippet library and not an AI guess at markup: the sections are the ones from our Aurora template, hand-written in Tailwind v4, and you compose them with your copy. Export the compiled stylesheet, or the input.css so you can keep building.
What is Tailwind about the output
The markup uses utility classes throughout — grid md:grid-cols-3 gap-6, rounded-2xl, dark: variants — so anyone who works in Tailwind can read and change it. The colours are CSS variables in a @theme block, which is how Tailwind v4 expects them. There is no component framework and no JavaScript beyond a pricing toggle and the theme switch.
The free export ships the compiled style.css, which already contains every class the sections use. Change copy, reorder blocks, duplicate a card: it keeps working. Add a class the sections never used and you need a rebuild — that is what Pro is for.
Pro: the source
Pro adds src/input.css with your palette written in and a package.json with @tailwindcss/cli. npm install && npm run build recompiles the stylesheet; npm run dev watches it. From there it is an ordinary Tailwind project you own, one-off $9, no subscription.
Related generators
If you are here for a part of the page rather than the whole: the palette generator makes an 11-shade scale from one colour with the @theme block ready to paste, the gradient generator gives v4 and v3 classes, and the grid generator writes the responsive columns. The landing page checklist is the list we go through before shipping one.
Open the landing page builder — free export, no account. Pro removes the credit line for a one-off $9.
Questions
Tailwind v3 or v4?
v4. The classes are largely the same in v3; the @theme block and bg-linear-* names are the v4 forms. The Pro package.json pins @tailwindcss/cli 4.
Does it use the Play CDN?
No. The stylesheet is compiled and shipped in the folder, so there is no runtime CDN request and no flash of unstyled content.
Can I add my own components?
Yes, in the Pro export: add markup with any class and rebuild. In the free export, stick to the classes the sections already use or add plain CSS.
Is this the same code as the Aurora template?
Yes — the builder arranges Aurora's sections; the template is Aurora with all its pages. Either way it is the same hand-written markup.