395 Open source projects that are alternatives of or similar to Dna

🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, 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.

Front End Cross-Frameworks Framework - 前端跨框架跨平台框架

Material Design implemented in Web Components (Custom Elements v1)

Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine.

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

JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API

A base class for Web Components (Custom Elements) which provides simple data binding.

Extraordinary JavaScript framework with unique declarative and functional architecture

🚀 Web-components made lightweight & Future-Proof.

JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API

Web Components for the Calcite Design System. Built with Stencil JS. Currently in Beta!

A custom element allowing a more declarative use of Redux.

Lightweight web components library built with LitElement.

Animated hamburger menu icons for modern web apps (1.8 KB) 🍔

querySelector that can pierce Shadow DOM roots without knowing the path through nested shadow roots. Useful for automated testing of Web Components. Production use is not advised, this is for test environments/tools such as Web Driver, Playwright, Puppeteer

API documentation and live playground for Web Components

A Linter for All Markup Languages.

vaadin-grid is a free, high quality data grid / data table Web Component. Part of the Vaadin components.

Template engine targeting incremental-dom

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

🏗 Create your HTML5 Web Component with Svelte. Made your web components with this user-friendly boilerplate

Create framework agnostic components that are truly reusable and interoperable with all the benefits of the React ecosystem – using the HTML5 custom elements API to extend HTML's vocabulary.

AXA CH UI component library. Please share, comment, create issues and work with us!

An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.

Material & Bootstrap Web Components built with Smart

Mount React components to the DOM using custom elements

Multiple apps as components POC

Missing template engine for Web Components

Fast and simple custom elements.

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, and traditional web developers from a single, framework-agnostic codebase.

🔰 Utilise Shadow DOM in React with all the benefits of style encapsulation.

The Web Component for displaying a list of items with filtering. Part of the Vaadin components.

Everything you need to know about Shadow DOM

toggle-icon is a custom element created with Polymer. It provides an extremely powerful and customizable switch that looks like a paper-icon-button.

A collection of awesome Polymer resources.

Web Components + Virtual DOM: web standards for powerful UIs

A lightweight web component that traps focus within a DOM node

Lazily load your images with <lazy-image> custom element

snuggsi ツ - Easy Custom Elements in ~1kB

API documentation and live playground for Web Components. Based on Custom Elements Manifest format

A library for creating fast and reactive Custom Elements

Create native custom elements using Typescript

The themable Web Component providing input controls. Part of the Vaadin components.

Simple, light and very powerful library to create embedded components for any purpose, with a data flow management included.

🚦Notification Service based on Custom Elements

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.

🎨面向未来的原生 web components UI组件库

Javascript BDD UI Automation Framework. Exclusive LWC Shadow DOM Support. Playwright, Webdriver.io, Appium, Saucelabs.

Moved to https://github.com/vaadin/component-mixins

Highcharts Web Component usable with any Framework

A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)

Custom Elements Manifest is a file format that describes custom elements in your project.

Powerful and Fast Web Component Library with a Simple API

Fresh take on static site generation, using HTML-first approach to build website. Powered by ⚡️ Vite

A chip web component made with Polymer 2 following Material Design guidelines

Custom Elements Storage

A UI work in progress based on custom elements (web components) for use in anywhere.

A tiny color picker custom element for modern web apps (2.7 KB) 🎨

A menu opened with <details>.

DOM ViewModel - A thin, fast, dependency-free vdom view layer