customelement 开源项目推荐（61 个）

riot /riot

简洁优雅的基于组件的 UI 库

andrewstephens75 /as-dithered-image

HTML custom element to correctly dither an image giving pixel-perfect crisp results on all displays

daviddarnes /component-template

Template for kicking off a new Web Component

daviddarnes /share-button

A Web Component to share web pages using the native OS sharing options

GoogleChromeLabs /input-knob

A rotating, touch-sensitive knob web component that you can use like an <input type="range">.

daviddarnes /link-peek

A Web Component to unfurl regular links into rich previews

daviddarnes /play-button

A Web Component to play audio or video with a button

daviddarnes /mastodon-post

A Web Component to display Mastodon posts and their metadata

chrisburnell /relative-time

A Web Component to display a relative time (e.g. "5 minutes ago", "in 2 days"). Uses the built-in Intl.RelativeTimeFormat API.

daviddarnes /storage-form

A Web Component that allows you to submit data to local storage

daviddarnes /heading-anchors

A Web Component to add anchor links to headings with IDs

chrisburnell /svg-sparkline

A Web Component for building an SVG Sparkline.

daviddarnes /bluesky-post

A Web Component to display Bluesky posts and their metadata

markcellus /content-editable

An HTML element that makes its content editable

daviddarnes /live-filter

A Web Component for filtering items using a text input

daviddarnes /duration-property

A Web Component to surface an audio or video's duration as a CSS Custom Property

daviddarnes /is-playing

A Web Component to indicate when an audio, or video, element is playing

daviddarnes /contrast-details

A Web Component to display the contrast ratio and level of two colours using CSS custom properties

daviddarnes /sample-input

A Web Component to sample audio or video added to an upload input

icheer /web-spreadsheet

A simple Excel-like spreadsheet web component built with svelte.