Sign in

Widgetbook

@widgetbook.bsky.social
173 followers 2 following 40 posts

The collaboration platform for Flutter frontend teams

PostsRepliesMedia
Reposted by Widgetbook
The Flutter & Friends conference @flutterfriends.dev · 05/08/2026
Coding agents can build Flutter UI fast. But can they spot broken layouts, design-system drift, or poor accessibility before you do? 🤖 Lucas (@lucasjosefiak.bsky.social) will show how Widgetbook helps agents verify and fix their own UI before the PR reaches a human 👨🏼‍💻 🎟️ flutterfriends.dev
174
Widgetbook @widgetbook.bsky.social · 31/03/2026
Widgetbook v4 Beta is here!🚀 Check out the thread below to find out what's new👇 Would love to hear your feedback!💙
051
Reposted by Widgetbook
Anton @abausg.bsky.social · 10/02/2026
Having good Design <> Dev Collaboration is a true Gamechanger in our processes at 1K5. Check out the Case Study how we use @widgetbook.bsky.social to make be more efficient when building things!
141
Widgetbook @widgetbook.bsky.social · 11/02/2026
Zero visual bugs. 20% faster delivery. Perfect design-developer alignment.✨🚀 These are the results 1KOMMA5° achieves every day building their custom Flutter design system and apps with Widgetbook. Read the case study below⬇️
021
Widgetbook @widgetbook.bsky.social · 19/12/2025
We're happy to help if you're planning to build your own custom design system in 2026👋 Here, you can find an example Widgetbook of the open-source Flutter design system Zeta: design.zebra.com/assets/flutt...
010
Reposted by Widgetbook
lucasjosefiak.bsky.social @lucasjosefiak.bsky.social · 29/09/2025
Attending Fluttercon is a must for every Flutter developer!💙 Loved connecting with so many @widgetbook.bsky.social users again. These moments always feel very rewarding!💙 We had a booth, I gave a talk, hosted a roundtable with @abausg.bsky.social AND we of course organized the afterparty again🎉
082
Widgetbook @widgetbook.bsky.social · 27/08/2025
media.tenor.com
a man in a suit and tie is giving a thank you sign .
ALT: a man in a suit and tie is giving a thank you sign .
010
Reposted by Widgetbook
lucasjosefiak.bsky.social @lucasjosefiak.bsky.social · 27/08/2025
Google featured Widgetbook as Flutter Package of the week!🎉 With 230k downloads, @widgetbook.bsky.social is helping developers around the world to build, test, and catalog their widgets in isolation. Thanks a lot to our contributors and users for your support!💙 www.youtube.com/watch?v=sGRe...
0134
Widgetbook @widgetbook.bsky.social · 07/08/2025
Join us at THE community-focused Flutter conference next month in Stockholm!💙🇸🇪
050
Widgetbook @widgetbook.bsky.social · 22/05/2025
The more state a #Flutter screen depends on, the harder it is to test in isolation Watch this tutorial and learn how to mock dependencies to preview and validate entire screens using Widgetbook OSS without relying on your full app setup youtu.be/ytu7ADEsukE
youtu.be
Mocking Best Practices - How to catalog entire pages in Widgetbook
YouTube video by Widgetbook
000
Widgetbook @widgetbook.bsky.social · 21/05/2025
Building reusable and regression-free UIs in #Flutter is harder when your UI is tightly coupled to business logic 🎥 Watch this tutorial on how to build isolated, mock-driven use cases with Widgetbook to prevent hard-to-track errors and layout bugs 🐞 youtu.be/5cNUX7eDZWE
youtu.be
Widgetbook Demo – Build & Test Flutter Widgets in Isolation
YouTube video by Widgetbook
031
Widgetbook @widgetbook.bsky.social · 20/05/2025
🔗 Learn more from the docs and get started with Widgetbook Cloud for free docs.widgetbook.io/cloud
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 20/05/2025
Testing #Flutter UIs in isolation with Widgetbook addons and knobs gives endless possibilities: themes, locales, screen sizes, dynamic input, and more! Chain those variations together and get automated screenshot testing with Widgetbook Cloud's addons and knobs configurations 🚀
100
Widgetbook @widgetbook.bsky.social · 19/05/2025
🔗 Head to the docs and learn more about how to create custom knobs for your Widgetbook UI testing environment docs.widgetbook.io/knobs/custom...
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 19/05/2025
Widgetbook Knobs are a great way to validate that your #Flutter widgets don’t break under various conditions and inputs 🧪 Built-in knobs already support common types, but you can go further and create your own, like this enum knob, and match your app’s specific needs 🚀
110
Widgetbook @widgetbook.bsky.social · 16/05/2025
🔗 Learn more from the docs and get started with Widgetbook Cloud for free 🚀 docs.widgetbook.io/cloud
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 16/05/2025
#Flutter UI testing tip: Utilize the #Widgetbook UseCase annotation's *designLink* property and easily access the original #Figma design while reviewing UI changes and detecting UI regressions in your Widgetbook Cloud pull requests 🧪👇🏻
100
Widgetbook @widgetbook.bsky.social · 14/05/2025
Salto Systems cut UI development time by 50% by integrating #Widgetbook into their #Flutter workflow 🚀 ✅They now catch regressions early ✅Test components in isolation ✅Streamline reviews across teams Learn how they did it in our latest case study 👇🏻 medium.com/widgetbook/5...
medium.com
How Salto prevents UI problems while saving 50% of their time with Widgetbook
Following Widgetbook’s structured review process, Salto catches all UI changes in a merge request and quickly solves all UI problems early…
000
Widgetbook @widgetbook.bsky.social · 13/05/2025
🔗 Check out this mocking guide in our docs for more information docs.widgetbook.io/guides/mocking
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 13/05/2025
Complex #Flutter screens with state dependencies become harder to test in isolation, and that's why they *should* be tested! 🧪 Control input data & interactively test all states of your complex UI by mocking dependencies in your isolated #Widgetbook use cases 🚀👇🏻
100
Widgetbook @widgetbook.bsky.social · 12/05/2025
🔗 Learn more from the docs and get started with Widgetbook Cloud for free docs.widgetbook.io/cloud
x.com
000
Widgetbook @widgetbook.bsky.social · 12/05/2025
What if you can automate screenshot testing of specific stages of your complex #Flutter animation without writing any golden tests? That's easily possible via Widgetbook Cloud's knobs configurations. Here's how 👇🏻
321
Widgetbook @widgetbook.bsky.social · 07/05/2025
Check out the docs for more information about automated visual tests for #Flutter widgets across different configurations 🧪📱💻🎨 docs.widgetbook.io/cloud/review...
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 07/05/2025
#Flutter UI testing tip: ✅ You manually test your widgets in many devices in your #Widgetbook using the #ViewportAddon 🚀 Take it further: use the #ViewportAddonConfig and let Widgetbook Cloud automate screenshot testing across all those devices on all your PRs 🧪👇🏻
121
Widgetbook @widgetbook.bsky.social · 06/05/2025
Made a UI change somewhere, and broke the UI somewhere else? Classic UI regression 😪 Avoid this easily in your #Flutter app, without writing golden tests, by integrating Widgetbook Cloud in your testing process 👇🏻 🔗 Learn more and get started for free docs.widgetbook.io/cloud
030
Widgetbook @widgetbook.bsky.social · 02/05/2025
#Flutter animation tip: Test your complex animations in isolation from the rest of the UI by configuring #Widgetbook UseCases for them 🧪 Take it a step further and debug each frame by hooking up a slider knob to the animation controller value 👇🏻
020
Widgetbook @widgetbook.bsky.social · 30/04/2025
Head over to the docs for more details on how to configure the LocalizationAddon and test your widgets in isolation with Widgetbook 🧪 docs.widgetbook.io/addons/local...
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 30/04/2025
Did you know, there are ~12 languages spoken by ~20% of the global population that use right-to-left #RTL layout? Build layout-flipping resilient #Flutter UIs by using built-in Directional widgets, and #Widgetbook's #LocalizationAddon for an inclusive UI testing workflow 🚀💪🏼
122
Widgetbook @widgetbook.bsky.social · 29/04/2025
Read more about the ViewportAddon in our docs and learn how to build your #Flutter UI testing workflow 🧪 docs.widgetbook.io/addons/viewp...
x.com
Widgetbook on X: "Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪 Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐 Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀 https://t.co/SLdJnUkCc5" / X
Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪 Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐 Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀 https://t.co/SLdJnUkCc5
000
Widgetbook @widgetbook.bsky.social · 29/04/2025
Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪 Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐 Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀
110
Widgetbook @widgetbook.bsky.social · 28/04/2025
Head over to the docs to learn more about knobs and how to best test your #Flutter UI in isolation with Widgetbook's open source packages 🧪 docs.widgetbook.io/addons/text-...
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 28/04/2025
#Flutter accessibility tip: Avoiding fixed heights on widgets containing text is one of many ways to ensure your UI doesn’t break for user devices with larger text scales 🚧 Use #Widgetbook’s #TextScaleAddon to test all your widgets' behavior for different font sizes 📐👇🏻
131
Widgetbook @widgetbook.bsky.social · 25/04/2025
Head over to the docs to learn more about knobs and how to best test your #Flutter UI in isolation with Widgetbook's open source packages 🧪 docs.widgetbook.io/knobs
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 25/04/2025
Ever gotten too confident about a #Flutter UI you built, pushed to production, then discovered that it breaks with longer text? 🚧 😢 Prevent this early in the development process by using a string knob in your dedicated #Widgetbook UI testing environment 🚀👇🏻 #FlutterDev
130
Widgetbook @widgetbook.bsky.social · 24/04/2025
Check out the documentation to learn more about how to integrate theming configurations into your Flutter UI testing workflow 🧪 docs.widgetbook.io/addons/theme...
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
000
Widgetbook @widgetbook.bsky.social · 24/04/2025
#Flutter tip: Listen to MediaQuery’s #platfromBrightness property to update your UI based on your user device's dark or light mode 🎨 Combine this with #Widgetbook’s ThemeAddon to easily validate that behavior for all widgets across your app, small or complex 🚀 #FlutterDev
272
Widgetbook @widgetbook.bsky.social · 23/04/2025
Head to our docs for a deeper dive 📃 docs.widgetbook.io And stay tuned for more guides and tutorials on #Flutter UI development best practices!
docs.widgetbook.io
Widgetbook
Build your Design System's widgets in isolation.
010
Widgetbook @widgetbook.bsky.social · 23/04/2025
This is just the beginning 🛣️ Starting from this set up, you can leverage Widgetbook's different OSS features to test your widgets in isolation and in different themes, locales, and many more configurations
110
Widgetbook @widgetbook.bsky.social · 23/04/2025
You can now start exploring your dedicated UI testing workspace by running code generation and your Widgetbook #Flutter app 5/5
110
Widgetbook @widgetbook.bsky.social · 23/04/2025
Lastly, adjust the Widgetbook workspace's main method to return a Widgetbook widget annotated with an #App annotation 4/5
110
Widgetbook @widgetbook.bsky.social · 23/04/2025
You're now ready to add your first use-case! 🚀 Simply add a file in your #Widgetbook app and create a callback that returns your widget, and annotate it with a #UseCase annotation 3/5
110
Widgetbook @widgetbook.bsky.social · 23/04/2025
Next, add your app as a path dependency to your #Widgetbook workspace to be able to import widgets from it 2/5
130
Widgetbook @widgetbook.bsky.social · 23/04/2025
Start by creating a #Flutter app that acts as your dedicated UI testing workspace and uses the #Widgetbook open source Flutter packages 1/5
110
Widgetbook @widgetbook.bsky.social · 23/04/2025
Ever had to dig your way through countless screens just to check a simple UI change in your #Flutter app? With this guide, you'll create a set up that allows you to build #Flutter UIs in isolation and avoid losing precious time unnecessarily digging through user flows 🧵👇🏻
151