{"id":13518187,"url":"https://github.com/davatron5000/awesome-standalones","last_synced_at":"2025-10-08T19:05:49.203Z","repository":{"id":36517314,"uuid":"228068948","full_name":"davatron5000/awesome-standalones","owner":"davatron5000","description":"A curated list of awesome framework-agnostic standalone web components","archived":false,"fork":false,"pushed_at":"2025-03-04T16:33:28.000Z","size":85,"stargazers_count":1439,"open_issues_count":7,"forks_count":59,"subscribers_count":32,"default_branch":"main","last_synced_at":"2025-10-02T15:02:58.422Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/davatron5000.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","funding":null,"license":null,"code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-12-14T18:21:32.000Z","updated_at":"2025-09-24T12:06:30.000Z","dependencies_parsed_at":"2025-01-02T16:02:42.729Z","dependency_job_id":"0dce7d3a-0983-489d-b73a-ebee6c4945b0","html_url":"https://github.com/davatron5000/awesome-standalones","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/davatron5000/awesome-standalones","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fawesome-standalones","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fawesome-standalones/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fawesome-standalones/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fawesome-standalones/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davatron5000","download_url":"https://codeload.github.com/davatron5000/awesome-standalones/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fawesome-standalones/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000682,"owners_count":26082804,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-08T02:00:06.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T05:01:41.785Z","updated_at":"2025-10-08T19:05:49.187Z","avatar_url":"https://github.com/davatron5000.png","language":null,"funding_links":[],"categories":["Technical","Resources","Others","Other Lists"],"sub_categories":["awesome-*","TeX Lists"],"readme":"# Awesome Standalones [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)\n\n\u003e A curated list of **66** awesome framework-agnostic standalone web components\n\n## Element Extensions\n\nWeb Components that extend or add to an existing semantic element.\n\n- [`\u003caccordion-container\u003e`](https://codepen.io/levimcg/pen/ZEYapRY)\n- [`\u003cautosize-textarea\u003e`](https://github.com/andrico1234/autosize-textarea)\n- [`\u003cdetails-dialog\u003e`](https://github.com/github/details-dialog-element)\n- [`\u003cdetails-menu\u003e`](https://github.com/github/details-menu-element)\n- [`\u003cdetails-utils\u003e`](https://github.com/zachleat/details-utils)\n- [`\u003cheading-anchors\u003e`](https://darn.es/heading-anchors-web-component)\n- [`\u003cimage-compare\u003e`](https://image-compare-component.netlify.app)\n- [`\u003clink-peek\u003e`](https://darn.es/link-peek-web-component)\n- [`\u003clink-preview\u003e`](https://github.com/rg-wood/link-preview)\n- [`\u003cplay-button\u003e`](https://darn.es/play-button-web-component)\n- [`\u003crandom-source\u003e`](https://darn.es/random-source-web-component)\n- [`\u003cshare-button\u003e`](https://darn.es/share-button-web-component)\n- [`\u003cslide-show\u003e`](https://stephen.band/slide-show/)\n- [`\u003ctab-container\u003e`](https://github.com/github/tab-container-element)\n- [`\u003ctask-lists\u003e`](https://github.com/github/task-lists-element)\n\n## `\u003ctime\u003e` Elements\n\nGithub has a bundle of elements that extend the native `\u003ctime\u003e` element.\n\n- [`\u003clocal-time\u003e`](https://github.com/github/time-elements)\n- [`\u003crelative-time\u003e`](https://github.com/github/time-elements)\n- [`\u003ctime-ago\u003e`](https://github.com/github/time-elements)\n\n## Form Elements\n\nWeb Components that are, or can be used with, form submissions.\n\n- [`\u003caeon-datepicker\u003e`](https://github.com/lamplightdev/aeon)\n- [`\u003cfeedback-component\u003e`](https://github.com/RamseyInHouse/feedback-component)\n- [`\u003cfile-drop\u003e`](https://github.com/GoogleChromeLabs/file-drop)\n- [`\u003cinput-knob\u003e`](https://github.com/GoogleChromeLabs/input-knob)\n- [`\u003crange-slider\u003e`](https://github.com/andreruffert/range-slider-element)\n- [`\u003cshow-password-toggle\u003e`](https://github.com/sunnywalker/show-password-toggle)\n- [`\u003ctoggle-categories\u003e`](https://codepen.io/nonsalant/pen/OPJLJoL)\n- [`\u003ctypesense-minibar\u003e`](https://jquery.github.io/typesense-minibar/demo/)\n\n## Utility Elements\n\nUseful little Web Components.\n\n- [`\u003cbrowser-support\u003e`](https://oddbird.github.io/browser-support/)\n- [`\u003cclipboard-copy\u003e`](https://github.com/github/clipboard-copy-element)\n- [`\u003cduration-property\u003e`](https://darn.es/duration-property-web-component)\n- [`\u003cfilter-\u003e`](https://github.com/sakamies/filter-element)\n- [`\u003cis-playing\u003e`](https://darn.es/is-playing-web-component)\n- [`\u003clive-filter\u003e`](https://darn.es/live-filter-web-component)\n- [`\u003clog-form\u003e`](https://github.com/knowler/log-form-element)\n- [`\u003cprint-button\u003e`](https://codepen.io/nonsalant/pen/yyBmeBp)\n- [`\u003csample-input\u003e`](https://darn.es/sample-input-web-component)\n- [`\u003cslide-deck\u003e`](https://slide-deck.netlify.app/)\n- [`\u003cstorage-form\u003e`](https://darn.es/storage-form-web-component)\n- [`\u003cvisual-viewport\u003e`](https://jamesbasoo.com/visual-viewport/)\n\n## Media Elements\n\nWeb Components that are, or can be used with, media of any kind.\n\n- [`\u003cbluesky-post\u003e`](https://darn.es/bluesky-post-web-component)\n- [`\u003cbluesky-replies\u003e`](https://darn.es/bluesky-replies-web-component)\n- [`\u003ccode-pen\u003e`](https://darn.es/code-pen-web-component)\n- [`\u003clite-youtube\u003e`](https://github.com/paulirish/lite-youtube-embed)\n- [`\u003cmastodon-post\u003e`](https://darn.es/mastodon-post-web-component)\n- [`\u003cmodel-viewer\u003e`](https://github.com/GoogleWebComponents/model-viewer)\n- [`\u003cpinch-zoom\u003e`](https://github.com/GoogleChromeLabs/pinch-zoom)\n- [`\u003ctrack-list\u003e`](https://mirisuzanne.github.io/track-list/demo.html)\n- [`\u003ctwo-up\u003e`](https://github.com/GoogleChromeLabs/two-up)\n- [`\u003cyoutube-player\u003e`](https://youtube-player.alanwsmith.com/)\n\n## Design Elements\n\nWeb Components that help with visual presentation.\n\n- [`\u003cdark-mode-toggle\u003e`](https://github.com/GoogleChromeLabs/dark-mode-toggle)\n- [`\u003ceasy-row\u003e`](https://github.com/compmeist/easy-row)\n- [`\u003cflex-grid\u003e`](https://github.com/lekoala/flex-grid)\n- [`\u003cif-/or-/else-\u003e`](https://github.com/sakamies/conditional-elements)\n- [`\u003cl-i\u003e`](https://github.com/lekoala/last-icon)\n- [`\u003cscroll-shadow\u003e`](https://github.com/ingmarh/scroll-shadow-element)\n\n## Custom Elements\n\nFrequently-solved problems in web component form.\n\n- [`\u003cbt-device\u003e`](https://github.com/mattdsteele/bt-device)\n- [`\u003chtml-include\u003e`](https://www.npmjs.com/package//html-include-element)\n- [`\u003ckatex-display\u003e`](https://github.com/justinfagnani/katex-elements)\n- [`\u003cno-spoilers\u003e`](https://github.com/andrico1234/no-spoilers)\n- [`\u003cplace-holder\u003e`](https://github.com/Noleli/place-holder)\n- [`\u003cpwa-install\u003e`](https://github.com/pwa-builder/pwa-install)\n\n## Novelty Elements\n\n- [`\u003cadmin-bar\u003e`](https://wbrowar.com/web-components/admin-bar-component)\n- [`\u003cchess-board\u003e`](https://justinfagnani.github.io/chessboard-element/)\n- [`\u003ccontrast-details\u003e`](https://darn.es/contrast-details-web-component)\n- [`\u003cplucky-underline\u003e`](https://noahliebman.net/projects/plucky-underline/)\n- [`\u003cspacer-gif\u003e`](https://github.com/erikkroes/spacer-gif)\n- [`\u003cvellum-dice\u003e`](https://github.com/grislyeye/vellum-dice)\n\n## Contribute\n\nContributions welcome! Read the [contribution guidelines](contributing.md) first.\n\nThanks @simevidas for prompting the idea.\n\n## License\n\n[![CC0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0)\n\nTo the extent possible under law, Dave Rupert has waived all copyright and\nrelated or neighboring rights to this work.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavatron5000%2Fawesome-standalones","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavatron5000%2Fawesome-standalones","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavatron5000%2Fawesome-standalones/lists"}