ui5-webcomponents VS declarative-shadow-dom

Compare ui5-webcomponents vs declarative-shadow-dom and see what are their differences.

ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice. (by SAP)

declarative-shadow-dom

Declarative Shadow DOM feature development (by mfreed7)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
ui5-webcomponents declarative-shadow-dom
2 2
1,428 189
3.1% -
9.8 4.1
6 days ago 28 days ago
TypeScript HTML
Apache License 2.0 -
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

ui5-webcomponents

Posts with mentions or reviews of ui5-webcomponents. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-03-09.
  • Need some help on build process.
    2 projects | /r/sveltejs | 9 Mar 2023
    With the node adapter, I'm able to build successfully but when I do npm run preview It breaks, because I'm using a web components library UI5 web components and for some reason, I get this error:
  • Shoelace: A Web Component Kit
    14 projects | news.ycombinator.com | 3 Apr 2022
    Have you seen OpenUI5 by SAP? -> https://github.com/SAP/ui5-webcomponents

    Look neat. They even have Typescript type definitions to it.

    I did a simpile test with ScalablyTyped in order to import those into ScalaJS to no avail but there might be a fix.

declarative-shadow-dom

Posts with mentions or reviews of declarative-shadow-dom. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-01-10.
  • HTML with Superpowers: An Introduction to Web Components
    5 projects | news.ycombinator.com | 10 Jan 2023
    Take a look at Declarative Shadow DOM: https://github.com/mfreed7/declarative-shadow-dom
  • Shoelace: A Web Component Kit
    14 projects | news.ycombinator.com | 3 Apr 2022
    Hmm, I see that Chromium shipped their implementation a year ago now; I had missed that. Other than that, there’s been no real change in the situation in the last almost two years (since Shoelace 2.0 was released, the last time I examined the situation). And there still doesn’t look to be any real interest in actually implementing it outside of Google: Mozilla are unenthusiastic though not against it <https://mozilla.github.io/standards-positions/#declarative-s...>, and WebKit still find fault with some aspects of the design (https://lists.webkit.org/pipermail/webkit-dev/2021-February/..., https://github.com/mfreed7/declarative-shadow-dom/issues/9), though they’re content most of the earlier issues are ironed out.

    So you certainly can’t rely on scriptless server-side rendering of Shadow DOM being possible—it’ll work in Chromium only, and it’ll probably be at least another year or two before other browsers even contemplate doing anything with it.

    (And of course, even once Shadow DOM is serialisable, that’s a far shot from a particular frameworky thing being SSR-compatible, but I was quibbling over the Shadow DOM and impossibility aspects, so I shan’t step back on that.)

What are some alternatives?

When comparing ui5-webcomponents and declarative-shadow-dom you can also consider the following projects:

lit - Lit is a simple library for building fast, lightweight web components.

design-reviews - W3C specs and API reviews

prerender - Node server that uses Headless Chrome to render a javascript-rendered page as HTML. To be used in conjunction with prerender middleware.

webcomponents - Web Components specifications

shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇

standards-positions

custom-elements-everywhere - Custom Element + Framework Interoperability Tests.

ui5-webcomponents-sample-svelte - UI5 Web components sample TODO application built with Svelte.

WHATWG HTML Standard - HTML Standard