SaaSHub helps you find the best software and product alternatives Learn more →
Webcomponents Alternatives
Similar projects and alternatives to webcomponents
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
React
Discontinued The library for web and native user interfaces. [Moved to: https://github.com/react/react] (by facebook)
-
-
-
-
-
-
-
proposal-record-tuple
Discontinued ECMAScript proposal for the Record and Tuple value types. | Stage 2: it will change!
-
-
core
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase. (by stenciljs)
-
htm
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
-
-
-
-
-
prerender
Discontinued Node server that uses Headless Chrome to render a javascript-rendered page as HTML. To be used in conjunction with prerender middleware. [GET https://api.github.com/repos/prerender/prerender: 404 - Not Found // See: https://docs.github.com/rest/repos/repos#get-a-repository]
-
-
marimo
A reactive notebook for Python — run reproducible experiments, query with SQL, execute as a script, deploy as an app, and version with git. Stored as pure Python. All in a modern, AI-native editor.
webcomponents discussion
webcomponents reviews and mentions
-
Progressive Web Components
Support for anything web components-related is a death by a thousand cuts both for the browsers and for the framework authors.
For the browsers:
Shadow dom breaks almost literally everything. It's a parallel world that exists on its own and that needs dozens of additional web standards to patch holes introduced by it. And delays dozens of useful web standards that now have to be aware of it.
On top of that nothing in web components is ever created thinking even one step ahead, and break multiple pieces of basic functionality. It's a collection of barely fitting patches. E.g. at first they couldn't send data in forms. Enter FormData. Oops, still cannot be a custom form submit button. Here's a 7-year old still unresolved issue: https://github.com/WICG/webcomponents/issues/814
For frameworks:
Framework authors have to patch all thise holes on their own. Because unlike web components they actually do care about standards and browser functionality. If styles don't work, forms din't work, code doesn't work etc. because of web components, it's the framework that will be blamed.
It doesn't help that there's an insane amount of work involved in figuring out all the ways they are broken. See for example: https://xcancel.com/Rich_Harris/status/1841467510194843982#m
-
How Declarative Custom Elements (DCE) Could Improve Web Components
Some components render different content depending on defined attributes or slotted content (ie - button components that can render a button or an anchor tag). This would add a great deal of flexibility to components, but, like attributes, would likely depend on specs that aren't available yet, like DOM Parts and additional elements or attributes to make it work. This would need to be a feature that comes in a future iteration of the spec.
-
Web Components: The Framework-Free Renaissance
I tried Web Components to create a `` element to allow Passkey support in forms without having to write javascript as an end-user.
I ran into https://github.com/WICG/webcomponents/issues/814
As long as this is not fixed I can't take Web Components seriously.
-
You can make up HTML tags
There's a long standing standards issue for this: https://github.com/WICG/webcomponents/issues/909
While you can easily turn rendering to shadow DOM off on a per-component basis, that removes the ability to use slots. It only really works for leaf nodes.
Pulling a stylesheet into every component is actually not bad though. Adopted stylesheets allow you to share the same stylesheet instance across all shadow roots, so it's quite fast.
- <template>: The Content Template element
-
Lit: a library for building fast, lightweight web components
Web Components have been in development for 14 years. If you think this is the first discussion of web components, you clearly haven't been paying attention.
All there is to say was said years ago. Today it should be enough to know that, for example, "form associated custom elements cannot be a submit button" issue was opened 6 years ago, in 2019: https://github.com/WICG/webcomponents/issues/814
In 2022 web component group report mentions it in passing: https://w3c.github.io/webcomponents-cg/2022.html#concerns-10
That issue is still open.
Or that web components breaking ARIA was known at least 2019: https://x.com/sarahmei/status/1198069119897047041 and this will not be fixed for another 4-5 years at least.
Imagine if any web framework had issues like that.
That doesn't even begin to cover things like "now every useful spec has to be acutely aware of Shadow DOM shenanigans" which delayed any number of specs like scoped CSS etc
-
Chrome intends to remove XSLT from the HTML spec
> and it sounds like they want it to contain zero template engines.
The funny thing? No, they want to create a new one: https://github.com/WICG/webcomponents/issues/1069
-
The time is right for a DOM templating API
After multiple specs had already been pushed through, they finally decided to write down a list of what is still needed.
22 items: https://w3c.github.io/webcomponents-cg/2022.html
In those things like ARIA are not a single spec. It's now close to five different proposals and a huge ARIA Object Model proposal.
Similar thing with Form Associated Controls: it's not one spec. It's a bunch of specs fixing idiotic issues like this: https://github.com/WICG/webcomponents/issues/814
-
The Problem with Web Components
However, it can be hard for someone who hasn't followed the evolution of this standard to know where to begin. Learning the concepts necessary to use this powerful set of tools is a challenge. Many articles exist on this subject, but the real useful information is scattered, buried among outdated tutorials demonstrating experimental features that have changed over the years.
-
Knowing CSS is mastery to Front end Development
It's not standard yet. Behavior is implementation-defined and under-specified. A lot of people have used a thing like this[1], but this[2] is on a standards track. In the documentation for the first one, it describes a default "file scope", but really no definition of what a file is. It seems to be referring to a source file pre-build/bundle, but it really just doesn't say. That would belong in the documentation for some framework, not web platform stuff anyway.
The idea of locally scoped styles is reasonably popular. Like vue single-file-components, and n+1 different implementations of CSS modules. What it really needs though, is standardization. Things like [2] and the upcoming @scope will provide this.
[1]: https://github.com/css-modules/css-modules/blob/master/docs/...
[2]: https://github.com/WICG/webcomponents/blob/gh-pages/proposal...
-
A note from our sponsor - SaaSHub
www.saashub.com | 15 Aug 2026
Stats
WICG/webcomponents is an open source project licensed under GNU General Public License v3.0 or later which is an OSI approved license.
webcomponents is marked as "self-hosted". This means that it can be used as a standalone application on its own.
The primary programming language of webcomponents is HTML.