Awesome Standalones

A curated list of awesome framework-agnostic standalone web components

Contents

• Element Extensions
• Custom Elements
• Novelty Elements

Element Extensions

Web Components that extend or add to an existing semantic element.

• <details-dialog>
• <details-menu>
• <file-drop>

<time> Elements

Github has a bundle of elements that extend the native <time> element.

• <local-time>
• <relative-time>
• <time-ago>

Custom Elements

Frequently-solved problems in web component form.

• <clipboard-copy>
• <input-knob>
• <lite-youtube>
• <model-viewer>
• <pinch-zoom>
• <range-slider>
• <tab-container>
• <task-lists>
• <two-up>
• <dark-mode-toggle>
• <katex-display> and <katex-inline>
• <html-include>
• <pwa-install>
• <l-i>

Novelty Elements

• <spacer-gif>

Contribute

Contributions welcome! Read the contribution guidelines first.

Thanks @simevidas for prompting the idea.

License

To the extent possible under law, Dave Rupert has waived all copyright and related or neighboring rights to this work.