Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
-
Updated
Mar 16, 2023 - TypeScript
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
LemonadeJS is a 7KB reactive JavaScript micro-library offering two-way data binding. It is dependency-free, does not require transpiling, and works with webpack or directly in the browser.
An example on how to define custom elements using Vue 3
Documentation for Tonic Framework
Headless custom element library
A modern UI library built with Flet featuring a range of customized components.
WCEX Web Component Extension Library
Titian H5 组件库
💎 Good.HTML. A nice framework without the bad stuff. Lots of custom elements, and nice templates. Good. HTML
JavaScript library based on Web Components.
🎨 Jwc.js is a JavaScript framework for using JSX to write web components on the web.
A repository of simple W3C Web Components. These have specific capabilities for use with node-red-contrib-uibuilder but will work independently as well.
An ongoing curated list of frameworks and libraries, articles and books , talksand screencasts, recordings, blogs and github link repositories, learning tutorials and resources about Web Design & Development.
Sample Apps to demostrate crayons
It's Terribly Good
AnywhereUI is a collection of rich web components that includes framework bindings, created with StencilJS
Website for Vision Stage presentation with examples / demos
Web Components library built with Vue 3 using Histoire
A template repository for creating a Web Component library using Svelte and Typescript.
Add a description, image, and links to the web-components-library topic page so that developers can more easily learn about it.
To associate your repository with the web-components-library topic, visit your repo's landing page and select "manage topics."