1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// ////////////////////////
// Sample page
// ////////////////////////
/div flex flex-col p-11 gap-3 items-center
/h1 font-semibold Welcome to Layouts.dev! text- black text-center
/p text-gray-500 max-w-[400px] text-center We built this small editor to make your life simpler when developing interfaces with TailwindCSS.
/p Feel free to play around! text-end font-medium
/button %default bg-black mt-10
@action=redirect(“/https://layouts.dev”)
/p Get started
Frontend development feels like death by a thousand cuts.
Inaccessible to designers.
Project setups more complex than a NASA launch.
Wheels you need to re-invent, again and again.
We figured out that the hard part is not to create.
It's the clutter.
Tooling is for machines, and you are human.
Let's remove the complexity.
No setup. No deploys. Less boilerplate. Better primitives.
Say hello to creativity-first coding.
Create Project
Deploy your new project in one-click
Name
Name of your project
Framework
Select
Select
Deploy
Account
Password
Show Dialog
Select…
Scheduled
Friday, February 14th, 2024 at 6:00 PM
Undo
button
CD
/
Combobox
Layouts.dev
Beta
