We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
riot - Simple and elegant component-based UI library
A React-like user interface micro-library
webcomponents minimal framework client-side view customtags lite elegant simple custom-tags custom-elements web-components virtual-dom shadow-dom polymer react jsx minimalist declarative templating template data-binding mvc model controller riotjs riot.js javascript-frameworkstyled-jsx - Full CSS support for JSX without compromises
Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client).Code and docs are for v2 which we highly recommend you to try. Looking for styled-jsx v1? Switch to the v1 branch.
react jsx css dynamic-styles css-in-js shadow-domstyled-jsx - Full CSS support for JSX without compromises
Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which we highly recommend you to try. Looking for styled-jsx v2? Switch to the v2 branch.
react css jsx css-in-js shadow-dom dynamic-styles babel-plugin-macros vercel zeitReactShadow - :beginner: Utilise Shadow DOM in React with all the benefits of style encapsulation.
Utilise Shadow DOM in React with all the benefits of style encapsulation.
react reactjs shadow-dom webcomponents components style-encapsulation shadow-boundary css-document react-shadow-dom react-shadow-boundary react-template react-webcomponents react-web-components react-encapsulationhybrids - 🖍 UI library for creating Web Components with simple and functional API
⚠️ For the built version all name exports are available on the hybrids global namespace.
custom-elements shadow-dom webcomponents web-components pwaMaple
Maple is a seamless module that allows you to organise your React project in terms of webcomponents — with HTML Imports, Shadow DOM, and Custom Elements — allowing you to implement any Flux architecture you choose, and then compile with Mapleify for production.💎 Install all dependencies and start server using npm start.
webcomponents web-components react react.js custom-elements shadow-boundary shadow-dom html-importsreshadow - Markup and styles that feel right
Please check the reshadow.dev website to get more information and examples. reshadow provides the Shadow DOM developer experience, but for the Virtual DOM with the Component way.
react css vue preact css-modules css-in-js shadow-dom htmatomico - Small library for the creation of interfaces based on web-components, only using functions and hooks
Small library for the creation of interfaces based on web-components, only using functions and hooks, if you want to try Atomico and you need help tell me in Twitter Uppercod 🤓. Create a project ready for css import, component distribution, application development and design system creation.
reactive-properties shadow-dom jsx web-components atomico hooksSwitzerland - 🇨🇭 Switzerland takes a functional approach to Web Components by applying middleware to your components
Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, mobx, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.
webcomponents virtual-dom shadow-dom functional immutable css-variables custom-elements web-components componentspreact-shadow-root - 🕴 Render a Preact subtree into the Shadow DOM.
A tiny <Shadow> component that renders its children into the Shadow DOM. In the above demo, only the <div class="foo"> within <Shadow> will be given a red border.
preact preact-components shadow-dom component shadow-rootreact-styled-select - A Select control built with Reactjs, styled-components and :heart: http://agutoli
Very similar with react-select API. This project was based on react-select.
styled-components react select react-select css-modules shadow-dom componentexcise - a react-like toolkit for web components
Or give it a try using this JSBin in Chrome. you'll need a browser that supports custom elements v1 and shadow dom v1. chrome 55 will work.
diffhtml custom-elements shadow-dom reacthelix-ui - Helix UI Toolkit (Rackspace-only web component library)
Helix UI Toolkit (Rackspace-only web component library)
custom-elements shadow-dom ui-toolkit v1nutmeg-cli - Build, test, and publish vanilla Web Components with a little spice
🚧 Nutmeg is in active development and it's APIs are still in flux. Nutmeg is here to help you build, test, and publish Web Components in minutes.
webcomponents cli typescript lit-html shadow-dom web-components custom-elements webpack karma shadowdom nutmegshadow-dom-in-depth - Everything you need to know about Shadow DOM
Heads Up! It's all about the V1 Spec. This document is more yours than it is mine. It makes me happy that it has been able to help people. To do better I moved this document from the original gist to this repo so multiple people can work together and improve it.
shadow-dom web-components guide doubts questions explanations examples custom-elements shadow-roots slot document-fragment light-dom-elements shadow-trees cssremount - Mount React components to the DOM using custom elements
Use your React components anywhere in your HTML as web components (custom elements). Remount is available through the npm package repository.
react web-components custom-elements shadow-dom onmount custom-element mount web-componentshadydom - ShadowDOM v1 shim
ShadyDOM provides a shim for ShadowDOM V1. It is less correct but less intrusive and faster than the ShadowDOM Polyfill. Usage of the shim is transparent when attachShadow is unavailable. Elements are patched as needed to report ShadowDOM correct dom information. Only dom tree accessors and mutation api is maintained. Some dom api (for example MutationObservers) is not shimmed.
shady-dom shadydom shadow-dom shadowdom web-components webcomponents polyfill shimnutmeg - Build, test, and publish vanilla Web Components with a little spice
🚧 Nutmeg is in active development and it's APIs are still in flux. Nutmeg is here to help you build, test, and publish Web Components in minutes.
webcomponents cli typescript lit-html shadow-dom web-components custom-elements webpack karmareact-web-component - Create Web Components with React
React Web Component is available as the react-web-component package on npm. To create a web component with react-web-component, simply pass a React component as the first parameter to ReactWebComponent.create and the name of the web component you would like to create as the second parameter.
react shadow-dom web-componentcustom-elements-ts - Create native custom elements using Typescript
Create native custom elements using Typescript without using any third party libraries.
custom-elements typescript decorators shadow-dom web-components components custom dom elements web
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.
