web-components
Topic

web-components

Developers can create custom, reusable, encapsulated HTML tags for the web using Web Components. Components use the Custom Element standard, frequently in combination with the Shadow DOM, HTML Templates, and ES Modules.

Repositories (1619)

stencil-storybook-demo
stencil-storybook-demo Mokkapps TypeScript

This demo show how to run, build & deploy Storybook and Stencil from one repository

15
capybara-shadowdom
capybara-shadowdom yuki24 Ruby

Shadow DOM support for Capybara

15
wc-template
wc-template vanillawc JavaScript

Template HTML with tagged template literals

15
lit-code-editor
lit-code-editor rodydavis TypeScript

Lit Code Editor built with Vite and Monaco Editor (ESM version).

15
youtube-controller-extension
youtube-controller-extension maroun-baydoun JavaScript

A chrome extension to control Youtube™ videos from any web page

15
lit-ct-components
lit-ct-components Conectate TypeScript

LitElement Web Components

15
icons
icons BrightspaceUI SCSS

SVGs, Polymer web components and SASS mixins for D2L icons

15
catalyst
catalyst haiilo TypeScript

A framework agnostic design system and component library based on web components and SCSS.

15
angular-snake-web-component
angular-snake-web-component gogakoreli TypeScript

Angular Snake Game Web Component

15
prismium
prismium koirodev JavaScript

A modern JavaScript accordion library with smooth animations. Easily integrates with React, Vue, and vanilla JavaScript.

14
moment-element
moment-element abdonrd HTML

Web Component (with Polymer) wrapper for the moment library

14
untangled-ui
untangled-ui untangled-web Clojure

A library that contains pre-written UI components such as form support, image clipping, image library, date pickers, etc.

14
seaweed
seaweed AkaraChen TypeScript

The next generation component library based on web components.

14
stencil-shimmer
stencil-shimmer TeamMaestro TypeScript

StencilJS component for adding shimmer UI effect to your applications.

14
ardi
ardi jameslovallo JavaScript

Ardi makes it easy to create reactive custom elements that work with any website or Javascript framework.

14
vaadin-login
vaadin-login vaadin HTML

vaadin-login is a set of web components for login form with password managers support.

14
web-directive
web-directive asika32764 TypeScript

A vanilla JS directive library for native HTML, which is inspired by Vue.js.

14
seele
seele vollowx TypeScript

A extensible Web Components library, with Material Design 3 components pre-provided.

14
indieweb-components
indieweb-components valpackett JavaScript

VanillaJS-based Web Components for the IndieWeb

14
react-github-corners
react-github-corners uiwjs TypeScript

Add a Github corner to your project page, This GitHub corner for react component/web component.

14
pion
pion pionjs TypeScript

React's Hooks API implemented for web components

13
fornax
fornax TBosak TypeScript

Build Faster, Code Smarter, With Fornax – The 🥖Bun-Powered 🥞Full-Stack 🕸️Web Framework

13
Social-Media-App
Social-Media-App KubaTworek Kotlin

This is my full-stack social networking application project based on microservices architecture, built using Kotlin and JavaScript. It features user r...

13
arcgis-maps-sdk-javascript-samples-beta
arcgis-maps-sdk-javascript-samples-beta Esri JavaScript

A collection of useful resources for developers using the ArcGIS Maps SDK for JavaScript components (beta)

13
estrutura-componentes
estrutura-componentes betha-plataforma TypeScript

Coleção de Web Components para compor a estrutura de uma aplicação front-end da Betha Sistemas

13
variable
variable lume TypeScript

DEPRECATED, use https://solidjs.com and https://github.com/lume/classy-solid directly instead. Create reactive variables and observe their changes in...

13
wafer
wafer lamplightdev JavaScript

A simple and lightweight base library for building Web Components for use in the browser and on the server

13
custom-elements
custom-elements georapbox

A list of my Custom Elements (Web Components) and some useful links with related material.

13
scratch-card
scratch-card SaifJerbi JavaScript

Scratch card is based on HTML5, it generates canvas on the fly and is optimized for all modern browsers and has touch support for mobile devices. You...

13
modulo
modulo modulojs JavaScript

A drop-in JavaScript framework for modular web components, kept to about 2000 lines

13
css-for-shadow-dom
css-for-shadow-dom adobe JavaScript

Tracking the state of support for CSS features within and across the shadow DOM to provide visibility into feature parity, usage details, and outstand...

13
ExquisiteUI
ExquisiteUI 321paranoiawhy JavaScript

A native, pure and exquisite web components library which can be used anywhere.

13
smart-card
smart-card HTMLElements CSS

Smart Web Components - Card Custom Element

13
custom-avatar-generator
custom-avatar-generator maidi29 TypeScript

Angular Element (Web Component) that creates a random avatar svg image and lets the user customize it.

13
vaadin-material-styles
vaadin-material-styles vaadin HTML

Material Design Theme for Vaadin components

13
generator-web-component
generator-web-component madeleineostoja JavaScript

Quickly scaffold powerful web components with Yeoman

13
power-js
power-js power-js JavaScript

👊 A powerful JavaScript library for creating modern UIs

13
svelte-flat
svelte-flat jikkai CSS

Flat UI components built with Svelte.

13
page-title
page-title zacharytamas HTML

A Polymer element for easily updating a webpage's title, such as in a SPA.

13
gui
gui juliendargelos TypeScript

Light and expressive GUI with web components

13
stencil-react
stencil-react petermikitsh JavaScript

CLI tool for generating React Components ("bindings") from Stencil 1.x projects

12
notifyjs
notifyjs codewithkyle TypeScript

A lightweight JavaScript library for creating toast, snackbars, and notifications.

12
katex-expression
katex-expression navsgh TypeScript

A web component to render KaTeX expression

12
create-custom-elements
create-custom-elements aelbore TypeScript

Boilerplate to create custom elements

12
pure-ds
pure-ds Pure-Web-Foundation JavaScript

Open-source, config-first, deterministic design system.

12
folds
folds cinnyapp TypeScript

Design system for Cinny repos

12
simpla-collection
simpla-collection simplajs HTML

Create editable collections of content straight in HTML

12
how-to-build-any-ui-with-ionic
how-to-build-any-ui-with-ionic ionicthemes TypeScript

Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.

12
web-components
web-components RolandDreger JavaScript

Nativ web components for typographic projects: <foot-note>, <inline-note>, <note-list>

12
simpla-admin
simpla-admin simplajs HTML

Beautiful, lightweight admin component for Simpla apps

12