{"id":16565851,"url":"https://github.com/sethvincent/awesome-yo-yo","last_synced_at":"2026-03-02T13:03:32.806Z","repository":{"id":136687741,"uuid":"69407524","full_name":"sethvincent/awesome-yo-yo","owner":"sethvincent","description":"Modules \u0026 resources related to yo-yo","archived":false,"fork":false,"pushed_at":"2017-11-26T17:10:19.000Z","size":9,"stargazers_count":27,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-01T08:45:43.015Z","etag":null,"topics":["bel","choo","hyperx","morphdom","yo-yo"],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sethvincent.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-09-27T23:38:23.000Z","updated_at":"2020-12-29T22:32:50.000Z","dependencies_parsed_at":"2024-01-13T14:37:37.851Z","dependency_job_id":"b7e0383d-53a7-4964-a98d-4b8a16481f42","html_url":"https://github.com/sethvincent/awesome-yo-yo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sethvincent%2Fawesome-yo-yo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sethvincent%2Fawesome-yo-yo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sethvincent%2Fawesome-yo-yo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sethvincent%2Fawesome-yo-yo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sethvincent","download_url":"https://codeload.github.com/sethvincent/awesome-yo-yo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242004556,"owners_count":20056420,"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","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":["bel","choo","hyperx","morphdom","yo-yo"],"created_at":"2024-10-11T20:48:26.196Z","updated_at":"2026-03-02T13:03:27.761Z","avatar_url":"https://github.com/sethvincent.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# awesome-yo-yo\nModules \u0026amp; resources related to the [yo-yo](https://github.com/maxogden/yo-yo) module.\n\n[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n## Contents\n\n- [About](#about)\n- [Projects using yo-yo](#projects-using-yo-yo)\n- [Dependencies](#dependencies)\n- [Frameworks](#frameworks)\n- [Components](#components)\n- [Resources](#resources)\n- [Related awesome lists](#related-awesome-lists)\n\n## About\n\nA tiny library for building modular UI components using [DOM diffing](#morphdom) and [ES6 tagged template literals](#tagged-template-literals), powered by [bel](https://www.npmjs.com/package/bel) and [morphdom](https://www.npmjs.com/package/morphdom) and based on the \"yo-yo\" data binding pattern: data down, actions up. \n\n## Projects using yo-yo\n\n- [adventuretron](https://github.com/adventuretron/adventuretron) - Create self-guided workshops using electron\n- [dat.land](https://github.com/datproject/dat.land) - The hosted web application for [dat](https://github.com/datproject/dat)\n- [enviar](https://github.com/timwis/enviar) - Chat interface for SMS / text messages.\n- [minidocs](https://github.com/freeman-lab/minidocs) - Build a minimalist site for your documentation\n- [uppy](https://github.com/transloadit/uppy) - The next open source file uploader for web browsers.\n\n## Dependencies\n\n- [bel](https://github.com/shama/bel) - Create composable DOM elements using template strings.\n- [hyperx](https://github.com/substack/hyperx) - Convert template strings to library backends.\n- [morphdom](https://github.com/patrick-steele-idem/morphdom) - Fast and lightweight DOM diffing/patching (without the virtual part).\n\n## Frameworks\n\nFrameworks / libraries that use yo-yo.\n\n- [choo](https://github.com/yoshuawuyts/choo)\n- [inu](https://github.com/ahdinosaur/inu)\n\n## Components\n\nUI components \u0026 related modules that are compatible with yo-yo. Many modules that are built with bel and choo as dependencies that create DOM nodes should be compatible with yo-yo (they all ultimately have bel as a dependency).\n\n- [base-elements](https://github.com/yoshuawuyts/base-elements) – A selection of configurable native DOM UI elements.\n- [beldown](https://github.com/sethvincent/beldown) - Turn markdown into DOM nodes using tagged template strings.\n- [bel-video-element](https://github.com/fraserxu/bel-video-element) - A simple video element with bel.\n- [choo-chartist](https://www.npmjs.com/package/choo-chartist) - A wrapper for using [Chartist](https://github.com/gionkunz/chartist-js).\n- [dom-notifications](https://github.com/finnp/dom-notifications) - Atom-inspired notifications component.\n- [element-wrapper](https://github.com/fraserxu/element-wrapper) - A simple and safe way to set innerHTML for yo-yo or bel component.\n- [interactive-sandbox](https://github.com/sethvincent/interactive-sandbox) - Create editable, interactive code examples for the browser that bundle dependencies from npm.\n- [modal-element](https://github.com/shama/modal-element) - A basic modal DOM element.\n- [yo-fs](https://github.com/karissa/yo-fs) - A client-side modular stream-friendly ui browser widget for navigating directories.\n- [yo-yo-autogrow](https://github.com/tgfjt/yo-yo-autogrow) - textarea component via yo-yo, automatically adjust height.\n\n## Build tools\n- [yo-yoify](https://github.com/shama/yo-yoify) - Transform yo-yo or bel template strings into pure and fast document calls.\n- [babel-plugin-yo-yoify](https://github.com/goto-bus-stop/babel-plugin-yo-yoify) - The same, but as a Babel plugin.\n\n## Resources\n- :movie_camera: [TCBY community live hangout](https://www.youtube.com/watch?v=a97Mw2z1SAI)\n- :book: [Introduction to yo-yo.js](https://writingjavascript.org/posts/introduction-to-yo-yo-js)\n\n## Related awesome lists\n\n- [awesome-choo](https://github.com/YerkoPalma/awesome-choo)\n\n## License\n\n[CC0 v1](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsethvincent%2Fawesome-yo-yo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsethvincent%2Fawesome-yo-yo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsethvincent%2Fawesome-yo-yo/lists"}