Dev tools · alternatives · 2026

24 alternatives to WebComponents.dev

The modern IDE for web platform developers

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. WebComponents.dev launched in 2020; newer entries below may have overtaken it.

1
WeWeb▲537
Create websites faster with a next-generation visual builder
2021 · weweb.io · its alternatives →
2
Web.dev by Google▲815
Learn how to build for the web and see where you stand 🌟
2018 · web.dev · its alternatives →
3
21st.dev▲1,211
I 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 →
4
Subframe▲756
The best way to build UI, fast
2024 · subframe.com · its alternatives →
5
Layouts.dev▲699
A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
6
HTMLComponent – Component-Based UIs Using Only ES6 and Custom Elements▲27
Component-based UIs with vanilla ES6 and Custom Elements - felipeccastro/html-component
2016 · github.com · its alternatives →
7AV
A Visual IDE for React▲479
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
React Rainbow Components▲327
Build your web application in a snap.
2019 · react-rainbow.io · its alternatives →
9
Quarkly▲184
Design tool to create sites & web apps on React
2020 · quarkly.io · its alternatives →
10
Angular 2.0▲244
Learn one way to build applications
2016 · angularjs.blogspot.com · its alternatives →
11
Quest Components▲199
The better way to build frontend for your products
2022 · its alternatives →
12
Airframe React Dashboard (Free)▲149
Components a developer needs to build data-intensive webapps
2020 · its alternatives →
13
Foundation Building Blocks▲279
Free library of coded UI components to jumpstart development
2017 · get.foundation · its alternatives →
14
Gomponents, HTML components in pure Go▲113
Hey everyone! I just released v1.0.0 of gomponents last week. It's an HTML component builder in pure Go, with a DSL-like HTML syntax. It's been 4 years in the making, and makes it really easy to build HTML in your web apps.
2024 · gomponents.com · its alternatives →
15
Components.studio▲88
The Component IDE
2020 · divriots.com · its alternatives →
16
Finsweet Components for Webflow▲131
Build complex components in Webflow without code
2024 · finsweet.com · its alternatives →
17
Webflow DevLink▲205
Use Webflow to build React & Web components visually
2023 · its alternatives →
18
Elementz▲93
A beautiful React UI library for easy modern development
2021 · github.com · its alternatives →
19
Webiny▲126
Build modern web apps, stay sane and deliver on time. 🚀
2017 · webiny.com · its alternatives →
20
BentoGrid.dev▲128
Build beautiful Bento grids & components for your JS project
2024 · its alternatives →
21
Blank 2.7▲44
The fastest UI kit & design system for your projects
2024 · useblank.design · its alternatives →
22
Custom Elements▲119
A web components gallery for modern web apps
2014 · its alternatives →
23
WebContainer API▲121
Dev environments, in your web app
2023 · webcontainers.io · its alternatives →
24
Web Dev Education Platform▲91
Build, share, learn, and thrive in front-end development
2019 · mdbootstrap.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 →