Awesome Standalones

A curated list of awesome framework-agnostic standalone web components

Element Extensions

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

• <details-dialog>
• <details-menu>
• <tab-container>
• <task-lists>
• <accordion-container>
• <image-compare>
• <slide-show>
• <details-utils>
• <autosize-textarea>
• <link-peek>
• <link-preview>

<time> Elements

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

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

Form Elements

Web Components that are, or can be used with, form submissions.

• <file-drop>
• <input-knob>
• <range-slider>
• <aeon-datepicker>
• <feedback-component>
• <show-password-toggle>
• <typesense-minibar>

Utility Elements

Useful little Web Components.

• <clipboard-copy>

Media Elements

Web Components that are, or can be used with, media of any kind.

• <lite-youtube>
• <model-viewer>
• <pinch-zoom>
• <two-up>
• <play-button>

Design Elements

Web Components that help with visual presentation.

• <dark-mode>
• <l-i>
• <scroll-shadow>
• <flex-grid>
• <easy-row>

Custom Elements

Frequently-solved problems in web component form.

• <katex-display>
• <html-include>
• <pwa-install>
• <bt-device>
• <no-spoilers>
• <place-holder>

Novelty Elements

• <spacer-gif>
• <chess-board>
• <vellum-dice>
• <plucky-underline>

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.