{"id":13468571,"url":"https://github.com/bryanbraun/checkboxland","last_synced_at":"2025-05-16T05:06:56.500Z","repository":{"id":40694010,"uuid":"241398929","full_name":"bryanbraun/checkboxland","owner":"bryanbraun","description":"Render anything as HTML checkboxes","archived":false,"fork":false,"pushed_at":"2025-04-02T15:45:00.000Z","size":7183,"stargazers_count":945,"open_issues_count":7,"forks_count":42,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-04-08T14:08:17.069Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://bryanbraun.com/checkboxland","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bryanbraun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-02-18T15:38:02.000Z","updated_at":"2025-04-02T15:45:03.000Z","dependencies_parsed_at":"2022-07-20T14:02:50.600Z","dependency_job_id":null,"html_url":"https://github.com/bryanbraun/checkboxland","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bryanbraun%2Fcheckboxland","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bryanbraun%2Fcheckboxland/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bryanbraun%2Fcheckboxland/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bryanbraun%2Fcheckboxland/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bryanbraun","download_url":"https://codeload.github.com/bryanbraun/checkboxland/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254471061,"owners_count":22076585,"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":[],"created_at":"2024-07-31T15:01:13.819Z","updated_at":"2025-05-16T05:06:51.474Z","avatar_url":"https://github.com/bryanbraun.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Checkboxland\n\n\u003ca href='http://www.recurse.com' title='Made with love at the Recurse Center'\u003e\u003cimg src='https://cloud.githubusercontent.com/assets/2883345/11325206/336ea5f4-9150-11e5-9e90-d86ad31993d8.png' height='20px'/\u003e\u003c/a\u003e\n\n\u003cimg src=\"docs/img/checkboxland-banner.png\" alt=\"a grid of checkboxes displaying the words 'Welcome to Checkboxland\" /\u003e\n\nCheckboxland is a JavaScript library for rendering anything as HTML checkboxes.\n\nYou can use it to display animations, text, images, video, and arbitrary data. It also supports plugins, so you can add your own APIs.\n\nCheckboxland is dependency-free, framework-agnostic, and fun! 🙃\n\n**[For more details see the docs.](https://bryanbraun.com/checkboxland)**\n\n## Setup\n\nInstall this package via npm:\n\n```\nnpm install checkboxland\n```\n\n## Example\n\nImport it into your application, and create a checkbox grid:\n\n```\nimport { Checkboxland } from 'checkboxland';\n\nconst cbl = new Checkboxland({ dimensions: '8x7', selector: '#my-container' });\n\n// Create a data representation of the heart.\nconst heart = [\n  [0,1,1,0,0,1,1,0],\n  [1,0,0,1,1,0,0,1],\n  [1,0,0,0,0,0,0,1],\n  [1,0,0,0,0,0,0,1],\n  [0,1,0,0,0,0,1,0],\n  [0,0,1,0,0,1,0,0],\n  [0,0,0,1,1,0,0,0],\n];\n\n// This updates the grid with the data we provided.\ncbl.setData(heart);\n```\n\n\u003cimg src=\"docs/img/checkbox-heart.png\" style=\"width:115px; height:102px\" alt=\"a grid of checkboxes displaying the shape of a heart\" /\u003e\n\n## Contributing\n\nCheckboxland is designed to be extendable. If you want to add a feature, first ask yourself if it could be done as an external plugin.\n\nIf you contribution requires a change to the core library, follow these steps:\n\n1. Fork/Clone the repo.\n2. Make your changes on a feature branch.\n3. Run the docs site locally (`npm run dev`) to confirm that the demos still work as expected.\n4. Submit a Pull Request.\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbryanbraun%2Fcheckboxland","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbryanbraun%2Fcheckboxland","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbryanbraun%2Fcheckboxland/lists"}