{"id":13417524,"url":"https://github.com/tajo/ladle","last_synced_at":"2025-05-08T22:16:31.194Z","repository":{"id":37395416,"uuid":"279507329","full_name":"tajo/ladle","owner":"tajo","description":"🥄 Develop, test and document your React story components faster.","archived":false,"fork":false,"pushed_at":"2025-05-02T22:32:19.000Z","size":26115,"stargazers_count":2741,"open_issues_count":30,"forks_count":102,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-05-08T22:16:24.943Z","etag":null,"topics":["components","documentation","esbuild","javascript","playground","react","stories","styleguide","testing","typescript","ui","vitejs"],"latest_commit_sha":null,"homepage":"https://www.ladle.dev","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/tajo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-07-14T06:56:46.000Z","updated_at":"2025-05-08T14:05:49.000Z","dependencies_parsed_at":"2022-07-08T19:39:47.095Z","dependency_job_id":"283becc6-2fc0-4a76-b5ea-4c523405b595","html_url":"https://github.com/tajo/ladle","commit_stats":{"total_commits":623,"total_committers":54,"mean_commits":"11.537037037037036","dds":0.4012841091492777,"last_synced_commit":"7afde8109f8d7ebf1b853f051ba2439cfe595a5b"},"previous_names":[],"tags_count":411,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tajo%2Fladle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tajo%2Fladle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tajo%2Fladle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tajo%2Fladle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tajo","download_url":"https://codeload.github.com/tajo/ladle/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253154983,"owners_count":21862624,"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":["components","documentation","esbuild","javascript","playground","react","stories","styleguide","testing","typescript","ui","vitejs"],"created_at":"2024-07-30T22:00:39.285Z","updated_at":"2025-05-08T22:16:31.170Z","avatar_url":"https://github.com/tajo.png","language":"TypeScript","funding_links":[],"categories":["Projects Using Vite.js","TypeScript","ui"],"sub_categories":["Open Source"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://ladle.dev\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n    \u003cimg width=\"180\" src=\"https://raw.githubusercontent.com/tajo/ladle/main/packages/website/static/img/logo-gray.svg\" alt=\"Ladle logo\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://npmjs.com/package/@ladle/react\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/@ladle/react.svg\" alt=\"npm package\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/tajo/ladle/actions/workflows/ci.yml\"\u003e\u003cimg src=\"https://github.com/tajo/ladle/actions/workflows/ci.yml/badge.svg?branch=main\" alt=\"build status\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://discord.gg/H6FSHjyW7e\"\u003e\u003cimg src=\"https://img.shields.io/badge/chat-discord-blue?style=flat\u0026logo=discord\" alt=\"discord chat\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://twitter.com/ladlejs\"\u003e\u003cimg src=\"https://img.shields.io/twitter/follow/ladlejs?style=social\" alt=\"twitter profile\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://ladle.dev\"\u003e\u003cimg src=\"https://img.shields.io/website?url=https%3A%2F%2Fladle.dev\" alt=\"homepage\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://ladle.dev/new\"\u003e\u003cimg src=\"https://img.shields.io/badge/stackblitz-sandbox-orange\" alt=\"stackblitz\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n![Ladle BaseWeb](https://raw.githubusercontent.com/tajo/ladle/main/packages/website/static/img/ladle-baseweb.png)\n\nLadle is an environment to develop, test, and share your React components faster.\n\n- [Documentation](https://www.ladle.dev)\n- [Demo](https://react-movable.pages.dev)\n- [Twitter](https://twitter.com/ladlejs)\n- [StackBlitz](https://ladle.dev/new)\n- [Discord](https://discord.gg/H6FSHjyW7e)\n\n## Quick start\n\n```bash\nmkdir my-ladle\ncd my-ladle\npnpm init\npnpm add @ladle/react react react-dom\nmkdir src\necho \"export const World = () =\u003e \u003cp\u003eHey\u003c/p\u003e;\" \u003e src/hello.stories.tsx\npnpm ladle serve\n```\n\nwith yarn\n\n```bash\nmkdir my-ladle\ncd my-ladle\nyarn init --yes\nyarn add @ladle/react react react-dom\nmkdir src\necho \"export const World = () =\u003e \u003cp\u003eHey\u003c/p\u003e;\" \u003e src/hello.stories.tsx\nyarn ladle serve\n```\n\nwith npm\n\n```bash\nmkdir my-ladle\ncd my-ladle\nnpm init --yes\nnpm install @ladle/react react react-dom\nmkdir src\necho \"export const World = () =\u003e \u003cp\u003eHey\u003c/p\u003e;\" \u003e src/hello.stories.tsx\nnpx ladle serve\n```\n\nFor powershell, replace in the above listings echo with the following\n\n```powershell\n@\"\nexport const World = () =\u003e \u003cp\u003eHey\u003c/p\u003e;\n\"@ | out-file -encoding ASCII src/hello.stories.tsx\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftajo%2Fladle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftajo%2Fladle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftajo%2Fladle/lists"}