#
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.
Here are 1,480 public repositories matching this topic...
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架
virtual-dom
web
webcomponents
preact
jsx
web-components
custom-elements
weapp
vdom
mp
shadow-dom
mini-program
omi
miniprogram
kbone
omiu
-
Updated
Aug 11, 2021 - JavaScript
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
-
Updated
Aug 10, 2021 - 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.
css
components
angular
typescript
ui
web
accessibility
ux
web-components
angular-components
component-library
clarity
design-system
accessible-components
accessible-design
web-components-library
lit-elements
-
Updated
Aug 10, 2021 - TypeScript
The adaptive interface system for modern web experiences.
react
components
design-systems
typescript
web-components
web-standards
component-library
animation-library
web-accessibility
front-end-framework
component-architecture
development-tools
design-architecture
color-library
web-components-schemas
adaptive-ui
-
Updated
Aug 11, 2021 - TypeScript
A visual overview of useful skills to learn as a web developer
javascript
css
testing
html
design
pwa
backend
algorithms
accessibility
architecture
web-components
build-tools
frameworks
-
Updated
Jun 25, 2021 - JavaScript
Effortless custom elements powered by modern view libraries.
-
Updated
Jun 28, 2021 - JavaScript
Web component extensions to the standard <time> element.
-
Updated
Aug 9, 2021 - TypeScript
stevenvachon
commented
Jun 8, 2019
It's important, I think, if the goal is to communicate that this can replace React in more ways than function.
GitHub's Web Component collection.
-
Updated
Apr 21, 2021 - JavaScript
Vue Custom Element - Web Components' Custom Elements for Vue.js
-
Updated
Mar 17, 2021 - JavaScript
killawabbit
commented
Oct 2, 2020
I have an podcast with episode uploaded to Mixcloud. I also have my music uploaded to Soundcloud. I'd like to see Mixcloud and Soundcloud added as providers with Vime.js
Also I endorse the feature request for playlist.
I plan to use this with an Svelte app.
Open
Twitch Support
2
bennypowers
commented
Oct 21, 2020
see: https://raw.githubusercontent.com/jsx-eslint/eslint-plugin-jsx-a11y/master/docs/rules/lang.md
although this rule may not be relevant to most lit-html use cases, it could be of use with lit-html as a server-side rendering library
lang
The lang prop on the <html> element must be a valid IETF's BCP 47 language tag.
Rule details
This rule takes no arguments.
Succeed
Maintain an open standard for UI and promote its adherence and adoption.
-
Updated
Aug 11, 2021 - JavaScript
MendyBerger
commented
Jan 6, 2021
Expected behavior
Importing and using lion in Angular should work
Actual Behavior
When importing @lion/select-rich I'm getting the following error:
node_modules/@lion/select-rich/src/LionSelectInvoker.d.ts:8:14 - error TS2417: Class static side 'typeof LionSelectInvoker' incorrectly extends base class static side 'typeof LionButton'.
Types of property 'styles' are incompa
tomrav
commented
Jul 13, 2021
All of the various Stylable directives should warn the user when receiving no arguments and at least 1 is expected.
Current status:
at-rules
- -
@st-import - -
@st-scope - -
@custom-selector
rules
- -
:global() - - pseudo-states parameters
- -
string- currently generates unusable output - -
number- currently generate
- -
gurkirpalgill
commented
Jun 18, 2021
Describe the bug
Flags elements whose role is none or presentation and which cause the role conflict resolution to trigger.
Isolated Example
This issue occurs on slim-arrow-up/slim-arrow-down/pushpin-off etc. Also for slim-arrow-right/slim-arrow-left icon used in FlexibleColumnLayout
Screenshots
<img width="1920" alt="Screen Shot 2021-06-18 at 1 27 02 PM" src="https://user-i
diffHTML is a web framework that helps you build applications and other interactive content
-
Updated
Jul 18, 2021 - JavaScript
-
Updated
Sep 25, 2020 - JavaScript
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
dark-theme
web-components
custom-elements
dark-mode
media-queries
custom-elements-v1
dark-theme-switcher
prefers-color-scheme
dark-mode-switcher
dark-mode-toggle
dark-theme-toggle
supported-color
-
Updated
Aug 11, 2021 - JavaScript
A lightweight emoji picker for the modern web
-
Updated
Aug 6, 2021 - JavaScript
A modal dialog that's opened with <details>.
-
Updated
Mar 9, 2021 - JavaScript
Open
Splash screen on iOS
sbatezat
commented
May 16, 2018
I'm submitting a ...
[ ] bug report
[ X] feature request
[ ] support request
Current behavior:
Splash screen not showing on iOS
Expected behavior:
Splash screen is showing on iOS, and can be generated through ionic resources
Steps to reproduce:
Launch the application on an iPhone and expect to see a splash screen
Related code:
According to [this article]
Semantic UI Angular Integrations (no jQuery)
-
Updated
Oct 1, 2020 - TypeScript
High-quality, customizable web components for common user interface patterns
-
Updated
Aug 1, 2021 - JavaScript
jonepo
commented
Jun 29, 2021
Proposal: Mouse cursor over mgt-person as a pointer when person-card is set as "click"
Description
Currently, the person component uses the browser default cursors (except the customizable cursor on the avatar). When there are text lines included, the default cursor is of course the text. When the person-card is configured to show when the person component is clicked, it doesn't seem logi
trusktr
commented
Feb 18, 2021
and ensure that all libs are importable via the following browser ESM code.
import('//unpkg.com/lume?module').then(console.log)
import('//cdn.skypack.dev/lume').then(console.log)
import('//jspm.dev/lume').then(console.log)At the moment they all fail with network errors for various reasons, namely some dependencies aren't in ESM format.
Created by Alex Russell
Released 2011
- Organization
- webcomponents
- Website
- www.webcomponents.org
- Wikipedia
- Wikipedia
Describe the bug
When using
@storybook/addons-backgroundsin a react project with a customDecorator, the initial/default background value is not passed to thecontext.globals.I have a project performing text contrast logic where I need the initial value to pass to javascript.
To Reproduce