The Vibeary — tag
web-components
28 resources in The Vibeary tagged "web-components" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

Siemens iX
Industrial design system for control and automation interfaces, with dark-first theming and dense-data component variants.

PIE
Just Eat Takeaway's design system spanning web, iOS and Android with shared tokens and documented ordering-flow components.

github-elements
GitHub's own collection of custom elements used in production across github.com, published as standalone web components.

Player.style
Library of themable video and audio player skins built on Media Chrome web components, working with Video.js, YouTube embeds and any framework.

Shoelace
Framework-agnostic web component library with a full set of accessible, themable UI elements.

LDRS
Lightweight web-component loading animations and spinners, individually customisable by size, speed and colour, framework-agnostic.

VSCode Webview Elements
Web components that match VS Code's UI so extension webviews look native to the editor.

Duet
LocalTapiola's insurance design system with web components, WCAG 2.1 AA conformance evidence and Finnish-language content rules.

Pharos
JSTOR's design system with web components, editorial typography rules and academic-content layout patterns.

Nord
Nordhealth's healthcare design system built on framework-agnostic web components with strong accessibility and clinical density guidance.

meowni.ca (Monica Dinculescu)
Personal site of a creative engineer, mixing web-platform writing with playable demos, generative art experiments and small browser toys.

Elix
Library of customisable web components implementing common UI patterns with documented composable internals.

Red Hat Design System
Red Hat's system built on framework-agnostic web components with strict token layering and published a11y test results.
ui (adriangalilea)
Hand-crafted studio web components shipped as a shadcn registry: liquid glass, scroll stages, terminals, lightboxes, and more.

Wired Elements
Web components rendered with a hand-drawn sketchy look using Rough.js, for wireframes and prototypes.

AgnosticUI
CLI that copies Lit web components into your project with React and Vue wrappers generated alongside.

Lion Web Components
Accessible, performant white-label web component primitives from ING Bank, intended as design system foundations.

Nightingale
Data visualisation web components for life sciences: sequence tracks, alignments and genome browsers.
css-doodle
Web component that generates CSS-only patterns and grids from a compact declarative rule language with built-in randomness.
Motion
Michelin's design system covering web components, brand foundations and industrial B2B interface patterns.

Fluid Design System
ENGIE's design system with web components, an energy-sector brand layer and documented eco-design and sustainability guidance.
Auro
Alaska Airlines' design system built entirely on Lit web components with published accessibility conformance reports.
Liquid
Merck/EMD's design system built on web components with a distinctive brand-expressive theming layer over neutral primitives.
Det Fælles Designsystem
Denmark's shared public-sector design system with web components, tokens and Danish content and accessibility standards.
Origami
Financial Times' component system built as versioned, independently-releasable modules rather than one monolithic package.
Calcite
Esri's design system for mapping applications: web components, map-specific controls and a large geospatial icon set.
Porsche Design System
Automotive design system delivered as framework-agnostic web components with strict brand-compliance validation baked into the tooling.
Clever Components
Clever Cloud's open library of framework-agnostic web components for cloud-console interfaces, with per-component docs and demos.