Top 12 JavaScript shadow-dom Projects

styled-jsx

23 7,613 2.1 JavaScript

Full CSS support for JSX without compromises

Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25

css-vars-ponyfill

1 1,457 4.1 JavaScript

Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers
SurveyJS

surveyjs.io featured

Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
atomico

1 1,116 8.9 JavaScript

Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
remount

1 675 0.0 JavaScript

Mount React components to the DOM using custom elements
react-web-component

1 285 0.0 JavaScript

Create Web Components with React
webcomponent-instagram-widget

1 77 0.0 JavaScript

🖼 Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.
Active CSS

0 41 7.5 JavaScript

The epic event-driven browser language for UI with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?
InfluxDB

www.influxdata.com featured

Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
svelte-webcomponents

4 30 0.0 JavaScript

A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
jl-coloringbook

2 22 0.0 JavaScript

Open Source coloring book implemented as a webcomponent
good.html

2 20 6.4 JavaScript

💎 Good.HTML. A nice framework without the bad stuff. Lots of custom elements, and nice templates. Good. HTML
webcomponent-patreon-box

1 2 0.0 JavaScript

My Patreon Tier Box with avatars and link from rest/json api.
craft-uikit

1 1 0.0 JavaScript

Clear Web OOP for Generation WebComponents

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript shadow-dom related posts

Show HN: A web component framework with templating

1 project | news.ycombinator.com | 14 Apr 2023
Show HN: It will never be as popular as React, but I built it inspired by it

1 project | news.ycombinator.com | 10 Oct 2022
Show HN: 7GUIs in Web Components

2 projects | news.ycombinator.com | 5 May 2022
7GUIs in Web Components

1 project | /r/Frontend | 7 Oct 2021
Show HN: 7GUIs in Web Components

1 project | news.ycombinator.com | 7 Oct 2021
Show HN: Using shadow DOM, HTML comments to make a React-like view without JSX

1 project | news.ycombinator.com | 26 Sep 2021
Custom Elements with a Bang

1 project | news.ycombinator.com | 26 Sep 2021
A note from our sponsor - InfluxDB
www.influxdata.com | 8 May 2024

Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

What are some of the best open-source shadow-dom projects in JavaScript? This list will help you:

	Project	Stars
1	styled-jsx	7,613
2	css-vars-ponyfill	1,457
3	atomico	1,116
4	remount	675
5	react-web-component	285
6	webcomponent-instagram-widget	77
7	Active CSS	41
8	svelte-webcomponents	30
9	jl-coloringbook	22
10	good.html	20
11	webcomponent-patreon-box	2
12	craft-uikit	1