Displaying 1 to 19 from 19 results

styled-jsx - Full CSS support for JSX without compromises

  •    Javascript

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.

hybrids - 🖍 UI library for creating Web Components with simple and functional API

  •    Javascript

⚠️ For the built version all name exports are available on the hybrids global namespace.




Maple

  •    Javascript

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.

atomico - Small library for the creation of interfaces based on web-components, only using functions and hooks

  •    Javascript

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.

Switzerland - 🇨🇭 Switzerland takes a functional approach to Web Components by applying middleware to your components

  •    Javascript

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.

preact-shadow-root - 🕴 Render a Preact subtree into the Shadow DOM.

  •    Javascript

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.


excise - a react-like toolkit for web components

  •    Javascript

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.

nutmeg-cli - Build, test, and publish vanilla Web Components with a little spice

  •    TypeScript

🚧 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.

shadow-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.

remount - Mount React components to the DOM using custom elements

  •    Javascript

Use your React components anywhere in your HTML as web components (custom elements). Remount is available through the npm package repository.

shadydom - ShadowDOM v1 shim

  •    HTML

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.

nutmeg - Build, test, and publish vanilla Web Components with a little spice

  •    TypeScript

🚧 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.

react-web-component - Create Web Components with React

  •    Javascript

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.

ember-shadow-dom - Write templates for your components inside of a Shadow DOM root.

  •    Javascript

Write templates for your components inside of a Shadow DOM root. Allows encapsulating styles (CSS) and markup (HTML) but using templates like you're used to. Note: This addon uses a private API {{-in-element}}, but this API is on it's way to becoming public. See RFC 287, which was recently accepted.