# GoogleChromeLabs/ui-element-samples

A collection of prototyped UI elements

Repository: https://github.com/GoogleChromeLabs/ui-element-samples
Canonical: https://ross.abutalabs.com/products/ui-element-samples
Homepage: https://googlechromelabs.github.io/ui-element-samples
Language: JavaScript
License: Apache-2.0
License Family: permissive
Last push: 2026-06-10T12:17:22+00:00

## Health v2 (maintenance only)
Score: 71/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 86, release rhythm 35, longevity 100
- inputs: {"age_days": 3835, "days_push": 84, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 4117, forks 724 (observed 2026-08-28T04:08:35.879103+00:00)

## What it is
A collection of prototyped UI element samples from GoogleChromeLabs, written with vanilla web platform features and ES2015 JavaScript. It demonstrates approaches for building performant UI elements like swipeable cards, side navs, infinite scrollers, and parallax effects, and is explicitly not production-ready.

## Use cases
- learn how to build performant UI elements with vanilla JavaScript
- see examples of swipeable cards and side navigation implementations
- study infinite scrolling and parallax scrolling techniques
- learn server-side rendering and code-splitting basics
- find reference implementations of web animations like 3D card flips
- learn service worker streaming and web worker patterns

## When to choose
- you want to learn modern web platform techniques from working demos
- you need reference code for building custom UI components without frameworks
- you are teaching or studying frontend performance patterns

## When to avoid
- you need production-ready, maintained UI components
- you require ES5 support without transpiling yourself
- you want a component library with an API and package distribution

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: ui-components, animation, templating, ssr
- domain: web-development, frontend, tutorials
- platform: browser
- tags: web-platform, vanilla-javascript, ui-patterns, demos, performance, service-worker, webgl, javascript, web

## Member repositories
- GoogleChromeLabs/ui-element-samples (main) score 71

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:35.879103+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:23:08.698735+00:00, confidence not recorded.
  - readme: https://github.com/GoogleChromeLabs/ui-element-samples (fetched 2026-08-28T04:08:35.879103+00:00, sha c64cbf99a50a)
  - homepage: https://googlechromelabs.github.io/ui-element-samples (fetched 2026-08-29T09:14:41.435532+00:00, sha bd58d7398c57)
- Data as of 2026-08-30T08:39:29.467469+00:00.