Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davatron5000/awesome-standalones

A curated list of awesome framework-agnostic standalone web components
https://github.com/davatron5000/awesome-standalones

List: awesome-standalones

Last synced: 10 days ago
JSON representation

A curated list of awesome framework-agnostic standalone web components

Awesome Lists containing this project

README 

        
# Awesome Standalones [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)



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



## Element Extensions



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



- [``](https://github.com/github/details-dialog-element)

- [``](https://github.com/github/details-menu-element)

- [``](https://github.com/github/tab-container-element)

- [``](https://github.com/github/task-lists-element)

- [``](https://codepen.io/levimcg/pen/ZEYapRY)

- [``](https://image-compare-component.netlify.app)

- [``](https://stephen.band/slide-show/)

- [``](https://github.com/zachleat/details-utils)

- [``](https://github.com/andrico1234/autosize-textarea)

- [``](https://darn.es/link-peek-web-component/)

- [``](https://github.com/rg-wood/link-preview)



## `



Github has a bundle of elements that extend the native `



- [``](https://github.com/github/time-elements)

- [``](https://github.com/github/time-elements)

- [``](https://github.com/github/time-elements)



## Form Elements



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



- [``](https://github.com/GoogleChromeLabs/file-drop)

- [``](https://github.com/GoogleChromeLabs/input-knob)

- [``](https://github.com/andreruffert/range-slider-element)

- [``](https://github.com/lamplightdev/aeon)

- [``](https://github.com/RamseyInHouse/feedback-component)

- [``](https://github.com/sunnywalker/show-password-toggle)

- [``](https://jquery.github.io/typesense-minibar/demo/)



## Utility Elements



Useful little Web Components.



- [``](https://github.com/github/clipboard-copy-element)



## Media Elements



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



- [``](https://github.com/paulirish/lite-youtube-embed)

- [``](https://github.com/GoogleWebComponents/model-viewer)

- [``](https://github.com/GoogleChromeLabs/pinch-zoom)

- [``](https://github.com/GoogleChromeLabs/two-up)

- [``](https://darn.es/play-button-web-component/)



## Design Elements



Web Components that help with visual presentation.



- [``](https://github.com/GoogleChromeLabs/dark-mode-toggle)

- [``](https://github.com/lekoala/last-icon)

- [``](https://github.com/ingmarh/scroll-shadow-element)

- [``](https://github.com/lekoala/flex-grid)

- [``](https://github.com/compmeist/easy-row)



## Custom Elements



Frequently-solved problems in web component form.



- [``](https://github.com/justinfagnani/katex-elements)

- [``](https://www.npmjs.com/package//html-include-element)

- [``](https://github.com/pwa-builder/pwa-install)

- [``](https://github.com/mattdsteele/bt-device)

- [``](https://github.com/andrico1234/no-spoilers)

- [``](https://github.com/Noleli/place-holder)



## Novelty Elements



- [``](https://github.com/erikkroes/spacer-gif)

- [``](https://justinfagnani.github.io/chessboard-element/)

- [``](https://github.com/grislyeye/vellum-dice)

- [``](https://noahliebman.net/projects/plucky-underline/)



## Contribute



Contributions welcome! Read the [contribution guidelines](contributing.md) first.



Thanks @simevidas for prompting the idea.



## License



[![CC0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0)



To the extent possible under law, Dave Rupert has waived all copyright and

related or neighboring rights to this work.