[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9521":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":16,"compositeScore":18,"rankGlobal":9,"rankLanguage":9,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":9,"pushedAt":9,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":15,"starSnapshotCount":15,"syncStatus":16,"lastSyncTime":30,"discoverSource":31},9521,"widgetbook","widgetbook\u002Fwidgetbook","Widgetbook is the custom widget library and collaboration platform for Flutter frontend teams.","https:\u002F\u002Fwidgetbook.io",null,"Dart",924,249,13,39,0,2,5,52.69,"MIT License",false,"main",true,[24,25,26],"dart","flutter","storybook","2026-06-12 04:00:45","\u003Cdiv align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fwidgetbook\u002Fwidgetbook\u002Fblob\u002Fmain\u002Fassets\u002Flogo.webp?raw=true\" height=\"80\" alt=\"Widgetbook Logo\" \u002F>\n  \u003Ch1>Widgetbook\u003C\u002Fh1>\n  \u003Ca href=\"https:\u002F\u002Fpub.dev\u002Fpackages\u002Fwidgetbook\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fpub\u002Fv\u002Fwidgetbook\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fwidgetbook\u002Fwidgetbook\u002Fblob\u002Fmain\u002FLICENSE\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fdiscord.com\u002Finvite\u002FzT4AMStAJA\">\n    \u003Cimg alt=\"Discord\" src=\"https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F879618555560218625?color=blue&logo=discord\">\n  \u003C\u002Fa>\n  \u003Cbr \u002F>\n  \u003Cp>Build Flutter widgets and screens in isolation\u003C\u002Fp>\n  \u003Ca href=\"https:\u002F\u002Fwww.widgetbook.io\u002F\">Website\u003C\u002Fa>\n  \u003Cspan>  •  \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Fdocs.widgetbook.io\u002F\">Docs\u003C\u002Fa>\n  \u003Cspan>  •  \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Fdemo.widgetbook.io\u002F\">Demo\u003C\u002Fa>\n  \u003Cspan>  •  \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Fx.com\u002Fwidgetbook_io\">X\u003C\u002Fa>\n  \u003Cspan>  •  \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCiOhf9g0J_0mG1YZG9u50rw\">Youtube\u003C\u002Fa>\n  \u003Cbr \u002F>\n  \u003Cbr \u002F>\n\n\u003C\u002Fdiv>\n\nThe open-source Widgetbook is a sandbox for building widgets and screens in isolation. It helps you develop and share hard-to-reach states and edge cases without needing to run your whole app. Inspired by Storybook.js.\n\n[![Widgetbook Demo](https:\u002F\u002Fgithub.com\u002Fwidgetbook\u002Fwidgetbook\u002Fblob\u002Fmain\u002Fassets\u002Foss.png?raw=true)](https:\u002F\u002Fdemo.widgetbook.io\u002F)\n\n### Features\n\n- 🧱 **Build UI components and pages in isolation**. Implement components and pages without needing to fuss with data, APIs, or business logic.\n- 👀 **Mock hard-to-reach edge cases**. Render widgets in key states that are tricky to reproduce in an app. Then save those states as use-case to revisit during development, testing, and QA.\n- 📙 **Catalog all of your widgets**. Create your own widget library providing you with a great overview of what you have already built.\n\n### Demo\n\n🎥 Watch a [2-minute demo video](https:\u002F\u002Fyoutu.be\u002FsGRetvJ-zZI) from Google's Flutter team.\n\n### Getting started\n\nFollow our [Setup & Install Guide](https:\u002F\u002Fdocs.widgetbook.io\u002Fquick-start) in our [docs](https:\u002F\u002Fdocs.widgetbook.io).\n\n## Widgetbook Cloud\n\nWidgetbook Cloud is a managed hosting solution for Widgetbook that allows you to run golden tests to detect and review all UI changes in your pull-request. Inspired by Chromatic.\n\n[![Widgetbook Cloud Demo](https:\u002F\u002Fgithub.com\u002Fwidgetbook\u002Fwidgetbook\u002Fblob\u002Fmain\u002Fassets\u002Fcloud.png?raw=true)](https:\u002F\u002Fyoutu.be\u002Fl3tj9VvkjLs)\n\n### Features\n\n- 🌍 **Share your Widgetbook with your team**. Publish your Widgetbook build for other Developers, Designers, PMs or Clients to reference. Everyone can check that the UI looks right without touching code.\n- 🏅 **Golden Tests**. Run zero-configuration golden tests (visual regression tests) on your widgets across all states, devices, themes, text scale factors, etc. to detect all changes.\n- 🧪 **Visual Pull Requests**. Detect and review all UI changes in your pull-request.\n- 🎨 **Figma Reviews**. Connect your your Figma designs to review your Flutter widget next to the original Figma design.\n\n### Demo\n\n🎥 Watch a [1-minute demo video](https:\u002F\u002Fyoutu.be\u002Fl3tj9VvkjLs).\n\n### Getting started\n\nWidgetbook Cloud has a free tier. [Sign up](https:\u002F\u002Fapp.widgetbook.io\u002Fsign-up) and and follow our [docs](https:\u002F\u002Fdocs.widgetbook.io\u002Fcloud).\n\n## Contributing\n\nContributions are very welcome!💙 Please check our [Contribution Docs](https:\u002F\u002Fdocs.widgetbook.io\u002Fcontribution\u002Fways-to-contribute).\n","Widgetbook 是一个为 Flutter 前端团队设计的自定义组件库和协作平台。它支持开发者在隔离环境中构建和测试 UI 组件及页面，无需依赖数据、API 或业务逻辑即可实现复杂状态和边缘情况的模拟，并将这些状态保存为用例供后续开发、测试和质量保证使用。此外，Widgetbook 还提供了一个全面的组件目录功能，帮助用户清晰地了解已构建的所有组件。此项目非常适合需要高效管理和展示 Flutter 项目的场景，如跨职能团队协作或持续集成\u002F交付流程中的视觉回归测试。","2026-06-11 03:23:14","top_language"]