Awesome Standalones

A curated list of 66 awesome framework-agnostic standalone web components

Element Extensions

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

• <accordion-container>
• <autosize-textarea>
• <details-dialog>
• <details-menu>
• <details-utils>
• <heading-anchors>
• <image-compare>
• <link-peek>
• <link-preview>
• <play-button>
• <random-source>
• <share-button>
• <slide-show>
• <tab-container>
• <task-lists>

<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.

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

Utility Elements

Useful little Web Components.

• <browser-support>
• <clipboard-copy>
• <duration-property>
• <filter->
• <is-playing>
• <live-filter>
• <log-form>
• <print-button>
• <sample-input>
• <slide-deck>
• <storage-form>
• <visual-viewport>

Media Elements

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

• <bluesky-post>
• <bluesky-replies>
• <code-pen>
• <lite-youtube>
• <mastodon-post>
• <model-viewer>
• <pinch-zoom>
• <track-list>
• <two-up>
• <youtube-player>

Design Elements

Web Components that help with visual presentation.

• <dark-mode-toggle>
• <easy-row>
• <flex-grid>
• <if-/or-/else->
• <l-i>
• <scroll-shadow>

Custom Elements

Frequently-solved problems in web component form.

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

Novelty Elements

• <admin-bar>
• <chess-board>
• <contrast-details>
• <plucky-underline>
• <spacer-gif>
• <vellum-dice>

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.