Layouts.dev

A notebook for building interfaces with Tailwind & shadcn/UI

INTEREST SCORE 711
DISCUSSIONS 61
ENGAGEMENT 0.09
LAUNCHED Oct 2024
TYPE B2B
Design Tools Developer Tools Development Web Design

Dorik AI (Beta)

AI Website Building Platform

INTEREST SCORE 677
DISCUSSIONS 254
ENGAGEMENT 0.38
LAUNCHED Feb 2024
TYPE B2B
Design Tools Website Builder Artificial Intelligence No-Code Web Design

Layouts.dev and Dorik AI (Beta) share the Web Design category. That's where the similarities start. The engagement data below shows where they diverge.

Category Overlap

CategoryLayouts.devDorik AI (Beta)
Artificial Intelligence - Yes
Design Tools Yes Yes
Developer Tools Yes -
Development Yes -
No-Code - Yes
Web Design Yes Yes
Website Builder - Yes

What the Community Said

On Layouts.dev

πŸš€ Hey ProductHunt! I'm Severin, co-founder of Layouts.dev. Layouts.dev is a notebook-style editor designed for quickly building UIs using Tailwind. About a year ago, my co-founder Alex (a designer) and I started working on Layouts. We realized that moving from Figma to code was slowing down our iter...

β€” [REDACTED]

Now if you build a Tooljet style UI to generate the DSL you will REALLY be onto something.

β€” [REDACTED]

I wonder if there’s a potential to turn this into a website builder, similar to how Wordpress utilizes Gutenberg. This is a great idea.

β€” [REDACTED]

On Dorik AI (Beta)

Hey Product Hunters! πŸ‘‹ I'm thrilled to hunt and introduce Dorik AI to you all today πŸ₯³ Big kudos to the founders Mizan, Anwar and our entire team for building this Dorik AI is a new addition to the world's friendliest website builder. Just type a prompt and generate websites in seconds! It's as simpl...

β€” [REDACTED]

Exciting tech to make website management and content development easy!

β€” [REDACTED]

Dorik has been one of the most consistently developed, improved, and continually evolving web design tools. From the initial page builder to the current web design version, it has become powerful and refined. This is 100% a legitimate and recommended web design workhorse. Great team, great tool! πŸ”₯πŸ”₯πŸ”₯

β€” [REDACTED]

The Numbers

Layouts.dev leads on raw interest score. Dorik AI (Beta) leads on engagement ratio. That split is worth paying attention to. Layouts.dev attracted more initial eyeballs, but Dorik AI (Beta)'s audience engaged deeper. For most buyers, engagement ratio is the better signal.

These products share 2 categories: Design Tools, Web Design. Moderate overlap suggests they target related but distinct use cases.

Layouts.dev is also tagged in Developer Tools, Development, which Dorik AI (Beta) isn't. That suggests Layouts.dev positions itself more broadly or targets an adjacent audience.

Dorik AI (Beta) has unique category tags in Artificial Intelligence, No-Code, Website Builder. Different positioning can mean a different buyer profile, even within the same space.

Launch Context

Layouts.dev launched Oct 2024. Dorik AI (Beta) launched Feb 2024. Both launched the same year, meaning they faced similar market conditions and competition levels.

Which One Fits You

Pick Layouts.dev if you want the product with the larger community behind it; you need something that also covers Development.

Pick Dorik AI (Beta) if community size matters less to you than engagement depth; sustained discussion and active users are your priority; you need something that also covers No-Code.

What Each Product Does

Layouts.dev: Layouts.dev is a notebook editor for building production-ready UI at super-speed with TailwindCSS & shadcn/ui. Design with a super simple syntax, use hundreds of prebuilt components and resources. Preview your build in real-time. Export production-grade React.

Dorik AI (Beta): Tired of the same boring results from other AI Website builders? Build websites that make you go 🀯 with the #1 AI website building platform

Other Products in This Space

These products also compete in the Design Tools, Web Design categories:

Blocks β€” AI-powered builder to create your emails (Interest: 706, Engagement: 0.50)

Freepik AI Video Upscaler β€” Upscale videos up to 4K in one click (Interest: 529, Engagement: 0.04)

pfp.fm β€” Upgrade Your Profile Picture (Interest: 385, Engagement: 0.09)

Jemi 2.0 β€” Website builder for creators and entrepreneurs (Interest: 367, Engagement: 1.14)

FreeLogo.dev β€” Free logo generator, no bullshit, takes seconds (Interest: 318, Engagement: 0.17)

DreamFlow β€” Turn map screenshots into aerial cinematic videos with Veo3 (Interest: 304, Engagement: 0.08)

Frequently Asked Questions

Each product's data reflects its launch period. The comparison shows both products' engagement metrics from when they launched. The build date at the bottom of the page shows when the index was last refreshed.

Not yet. Current comparisons use launch-period data only. Post-launch tracking is on our roadmap.

Generally, yes. Engagement ratio is hard to fake. A product can generate artificial interest, but sustained discussion threads require people who actually used the product and had something to say about it.

Automatically. We compare products that share at least one category and have similar interest scores. Products too far apart in traction don't make for useful comparisons.

No. Interest is launch-day attention. Engagement ratio is a better quality signal. The product with more discussions per interest point usually has stronger product-market fit.

How directly these products compete. Three or more shared categories means they're going after the same user. One shared category means they approach the space from different angles. Zero overlap and they probably shouldn't be compared.

Get the comparison data first

Weekly launch intelligence with the context you need to evaluate new tools.