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: 24 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

## Contents

- [Element Extensions](#element-extensions)
- [Custom Elements](#custom-elements)
- [Novelty Elements](#novelty-elements)

## 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/GoogleChromeLabs/file-drop)

### `

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)

## Custom Elements

Frequently-solved problems in web component form.

- [``](https://github.com/github/clipboard-copy-element)
- [``](https://github.com/GoogleChromeLabs/input-knob)
- [``](https://github.com/paulirish/lite-youtube-embed)
- [``](https://github.com/GoogleWebComponents/model-viewer)
- [``](https://github.com/GoogleChromeLabs/pinch-zoom)
- [``](https://github.com/andreruffert/range-slider-element)
- [``](https://github.com/github/tab-container-element)
- [``](https://github.com/github/task-lists-element)
- [``](https://github.com/GoogleChromeLabs/two-up)
- [``](https://github.com/GoogleChromeLabs/dark-mode-toggle)
- [`` and ``](https://www.npmjs.com/package/katex-elements)
- [``](https://www.npmjs.com/package//html-include-element)
- [``](https://github.com/pwa-builder/pwa-install)
- [``](https://github.com/lekoala/last-icon)

## Novelty Elements

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

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