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

Preview of Siemens iX

Siemens iX

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

SiemensMIT
Preview of PIE

PIE

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

Just Eat Takeaway.comopen-source
Preview of github-elements

github-elements

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

GitHub (@github)MIT
Preview of Player.style

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.

Muxopen-source
Preview of Shoelace

Shoelace

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

Cory LaViska (@claviska)MIT
Preview of LDRS

LDRS

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

Griffin Johnston (@GriffinJohnston)MIT
Preview of VSCode Webview Elements

VSCode Webview Elements

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

@benderaMIT
Preview of Duet

Duet

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

LocalTapiolaMIT
Preview of Pharos

Pharos

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

JSTOR (ITHAKA)open-source
Preview of Nord

Nord

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

Nordhealthopen-source
Preview of meowni.ca (Monica Dinculescu)

meowni.ca (Monica Dinculescu)

Personal site of a creative engineer, mixing web-platform writing with playable demos, generative art experiments and small browser toys.

Monica Dinculescu (@notwaldorf)free
Preview of Elix

Elix

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

@elixMIT
Preview of Red Hat Design System

Red Hat Design System

Red Hat's system built on framework-agnostic web components with strict token layering and published a11y test results.

Red HatMIT
Preview of ui (adriangalilea)

ui (adriangalilea)

Hand-crafted studio web components shipped as a shadcn registry: liquid glass, scroll stages, terminals, lightboxes, and more.

Adrian Galilea (@adriangalilea)MIT
Preview of Wired Elements

Wired Elements

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

Preet Shihn (@pshihn)MIT
Preview of AgnosticUI

AgnosticUI

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

@AgnosticUIMIT
Preview of Lion Web Components

Lion Web Components

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

ING Bank (@ing-bank)MIT
Preview of Nightingale

Nightingale

Data visualisation web components for life sciences: sequence tracks, alignments and genome browsers.

EMBL-EBI (@ebi-webcomponents)MIT
Preview of css-doodle

css-doodle

Web component that generates CSS-only patterns and grids from a compact declarative rule language with built-in randomness.

Yuan Chuan (@yuanchuan23)MIT
Preview of Motion

Motion

Michelin's design system covering web components, brand foundations and industrial B2B interface patterns.

Michelinopen-source
Preview of Fluid Design System

Fluid Design System

ENGIE's design system with web components, an energy-sector brand layer and documented eco-design and sustainability guidance.

ENGIEMIT
Preview of Auro

Auro

Alaska Airlines' design system built entirely on Lit web components with published accessibility conformance reports.

Alaska AirlinesApache-2.0
Preview of Liquid

Liquid

Merck/EMD's design system built on web components with a distinctive brand-expressive theming layer over neutral primitives.

Merck KGaA / EMDApache-2.0
Preview of Det Fælles Designsystem

Det Fælles Designsystem

Denmark's shared public-sector design system with web components, tokens and Danish content and accessibility standards.

Danish Agency for Digital GovernmentMIT
Preview of Origami

Origami

Financial Times' component system built as versioned, independently-releasable modules rather than one monolithic package.

Financial TimesMIT
Preview of Calcite

Calcite

Esri's design system for mapping applications: web components, map-specific controls and a large geospatial icon set.

EsriApache-2.0
Preview of Porsche Design System

Porsche Design System

Automotive design system delivered as framework-agnostic web components with strict brand-compliance validation baked into the tooling.

PorscheMIT
Preview of Clever Components

Clever Components

Clever Cloud's open library of framework-agnostic web components for cloud-console interfaces, with per-component docs and demos.

Clever CloudApache-2.0