{"id":21427673,"url":"https://github.com/demozap/demozap","last_synced_at":"2025-04-06T12:09:45.154Z","repository":{"id":41101969,"uuid":"227214378","full_name":"demozap/demozap","owner":"demozap","description":"⚡ Create demo components in a zap","archived":false,"fork":false,"pushed_at":"2024-12-04T20:35:17.000Z","size":10308,"stargazers_count":56,"open_issues_count":0,"forks_count":6,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-04-02T05:47:03.525Z","etag":null,"topics":["cli","code-generator","demo","documentation","documentation-tool","react"],"latest_commit_sha":null,"homepage":"https://demozap.github.io/demozap/","language":"TypeScript","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/demozap.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-12-10T20:58:13.000Z","updated_at":"2024-12-04T20:34:18.000Z","dependencies_parsed_at":"2024-11-22T22:03:17.381Z","dependency_job_id":"ec07ddcc-2d5d-4e1e-abe4-0b357a3c4f58","html_url":"https://github.com/demozap/demozap","commit_stats":{"total_commits":568,"total_committers":3,"mean_commits":"189.33333333333334","dds":"0.014084507042253502","last_synced_commit":"49e7f5005f46a20e2f6ecfbf1e54a6d1bde93b3e"},"previous_names":["mkosir/react-demo-tab-cli","mkosir/react-doc-tab","mkosir/story-tab","demozap/demozap","mkosir/demozap"],"tags_count":113,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/demozap%2Fdemozap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/demozap%2Fdemozap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/demozap%2Fdemozap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/demozap%2Fdemozap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/demozap","download_url":"https://codeload.github.com/demozap/demozap/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247478323,"owners_count":20945266,"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":["cli","code-generator","demo","documentation","documentation-tool","react"],"created_at":"2024-11-22T22:00:56.510Z","updated_at":"2025-04-06T12:09:45.132Z","avatar_url":"https://github.com/demozap.png","language":"TypeScript","funding_links":[],"categories":["Dev Tools"],"sub_categories":["Miscellaneous"],"readme":"# DemoZap ⚡\n\n[![npm version][npm-badge]][npm-url]\n[![CI][build-badge]][build-url]\n[![semantic-release][semantic-badge]][semantic-url]\n[![TypeScript][typescript-badge]][typescript-url]\n\n_Create demo components in a zap_\n\nMaintaining example code and demo separately makes it painful, it's easy to get them out of sync 🙅\n\nCode can't lie, documentation can 💥\n\nDemoZap CLI keeps your code up to date with demo 💪\n\n[![](misc/demo.gif)](https://demozap.github.io/demozap/?path=/story/examples--button-green)\n\n## Usage\n\n- Name component files as `[component_name].demozap.jsx`\n- Run `npx demozap generate`\n\n**Use created demos 🎉**\n\n## [Demo 💥](https://demozap.github.io/demozap)\n\n## Install\n\n```bash\n# React\nnpm install -D react-demo-tab\n# Svelte\nnpm install -D svelte-demo-tab\n# Vue\nnpm install -D vue-demo-tab\n```\n\n## Generated Demos\n\n- Generated demo files are prefixed with `_`:  \n  `MyComponent.demozap.jsx` → `_MyComponent.jsx`\n- or set custom prefix:  \n  `npx demozap generate --prefix=CustomPrefix`\n\n## Built with DemoZap\n\n- [React Tilt](https://github.com/mkosir/react-parallax-tilt) - [DemoZap](https://mkosir.github.io/react-parallax-tilt)\n- [Mighty Mouse](https://github.com/mkosir/react-hook-mighty-mouse) - [DemoZap](https://mkosir.github.io/react-hook-mighty-mouse)\n- [Magnetic Board](https://github.com/mkosir/react-magnetic-board) - [DemoZap](https://mkosir.github.io/react-magnetic-board)\n\n## Manually create demos\n\nTo manually create demos use [DemoTab](https://github.com/demozap/react-demo-tab) component.\n\n## Contributing\n\nAll contributions are welcome!\n\n[npm-url]: https://www.npmjs.com/package/demozap\n[npm-badge]: https://img.shields.io/npm/v/demozap.svg\n[build-badge]: https://github.com/demozap/demozap/actions/workflows/main.yml/badge.svg\n[build-url]: https://github.com/demozap/demozap/actions/workflows/main.yml\n[semantic-badge]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg\n[semantic-url]: https://github.com/semantic-release/semantic-release\n[typescript-badge]: https://badges.frapsoft.com/typescript/code/typescript.svg?v=101\n[typescript-url]: https://github.com/microsoft/TypeScript\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdemozap%2Fdemozap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdemozap%2Fdemozap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdemozap%2Fdemozap/lists"}