Dev tools · alternatives · 2026
24 alternatives to Layouts.dev
A notebook for building interfaces with Tailwind & shadcn/UI
Layouts.dev is a notebook editor designed for developers to build user interfaces quickly using Tailwind CSS and shadcn/UI components. It provides a simple syntax for designing, access to hundreds of prebuilt… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Prices are shown for the 1 we have checked on their own sites, 1 of them free or with a free tier. Layouts.dev launched in 2024; newer entries below may have overtaken it.
- 1
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 2
- 3
Page UI▲810High-converting landing page components to copy and paste
2024 · pageui.shipixen.com · its alternatives →
- 4
- 5
Beautiful Next.js templates built by the Tailwind CSS team.
2022 · tailwindcss.com · its alternatives →
- 6
v0.dev by Vercel▲549Generate UI with simple text prompts: copy, paste, ship
2023 · v0.app · its alternatives →
- 7AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 8
A collection of neobrutalism-styled components based on shadcn/ui.
Sep 2026 · neobrutalism.dev · its alternatives →
- 9
Shadcnblocks▲361The ultimate block set for shadcn/ui, Tailwind, and React
Nov 2025 · shadcnblocks.com · its alternatives →
- 10
Generate the website
2021 · shuffle.dev · its alternatives →
- 11
- 12
Tailwind CSS▲420A utility-first CSS framework for rapid UI development
2017 · tailwindcss.com · its alternatives →
- 13
blocks.so▲61Open-source UI library built with React, Tailwind and shadcn
Nov 2025 · blocks.so · its alternatives →
- 14
Preline UI v2.0▲315Build faster with Preline UI, a free and open-source Tailwind CSS UI component library with Pro blocks, templates, plugins, framework guides, and Figma.
2024 · preline.co · its alternatives →
- 15
Catalyst▲340A modern UI kit for React, by the creators of Tailwind CSS
2025 · tailwindcss.com · its alternatives →
- 16
- 17
The ultimate developer tool for Tailwind CSS
2024 · tailscan.com · its alternatives →
- 18
Rapidly build modern websites without ever leaving your HTML
2020 · tailwindcss.com · its alternatives →
- 19
Fully coded UI sections with designer file included
2024 · material-tailwind.com · its alternatives →
- 20
JSFiddle - Test your React, Tailwind, JavaScript, CSS, HTML online with JSFiddle.
2016 · jsfiddle.net · its alternatives →
- 21
Online editor & Visual Studio Code extension for TailwindCSS
2020 · shuffle.dev · its alternatives →
- 22
Save time with the online editor for Tailwind CSS that has a simple, intuitive drag & drop interface and 240+ ready-made UI components.
2019 · tailwind.build · its alternatives →
- 23
Free Tailwind CSS & React UI Kit
2021 · creative-tim.com · its alternatives →
- 24
React component for a visual way to create UIs
2024 · github.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →