Industry standard frontend workshop. Develop, test, and document components with ease. Open-source & maintained by @chromaticcom
npx storybook@latest init
- Tweets 7,014
- Following 393
- Followers 25,681
- Likes 6,645
Storybook retweeted
Chromatic 3 is now 1 week old (what an age!) 🧡
Featuring:
⟢ Visual Tests addon for @storybookjs
⟢ Integrations for Playwright & Cypress
⟢ TurboSnap
Discover all the release goodness:
chromatic.com/blog/chromatic…
2
9
1,163
our objective? to let you complete the entire @figma ≫ Storybook handoff with a funny retro cursor
732
Lots of great replies here about the power of @tailwindcss! 💨
If you love Tailwind as much as many of the people in the replies, PSA that Storybook's Tailwind support is zero-config as of Storybook 7 🥳
storybook.js.org/recipes/tai…
I've never understood the appeal of Tailwind
The power of CSS is reusable classes
Style once → apply anywhere
Modifying a Tailwind style means doing a find and replace on 100s of instances of an HTML object
What am I missing?
2
2
11
3,149
Read up a little more about our Tailwind support over on our blog:
storybook.js.org/blog/zero-c…
1
1
708
storybook 7 huh
back then we were so young
storybook.js.org/blog/storyb…
661
Storybook retweeted
Have a look at our latest blog post from our college @markusnissl on
automating the design-to-code flow with @figma @storybookjs and @angular 🎉
[1/2] 📢 Blog Series: "Mastering the Design-to-Code Flow with @figma , @storybookjs , & @angular" by @MarkusNissl!
Link to Part 1 in the comments!
✅ Transition from style guides to dynamic Design Tokens
✅ Structure & benefits of Design Tokens
✅ Comparative insights from Google & Adobe
#storybook #figma #angular
1
2
12
2,612
Storybook retweeted
We just dropped a new feature, a BIG one 🔥
🙂 Import a webpage into @figma
🤨 Select any links on that page
😮 Import their webpages in 1 click
🤯 The entire website flow is automatically set-up in Prototype
👉 html.to.design
6
18
75
8,065
Developing with @angular and looking for a smoother handoff between design & dev? This is a great writeup on doing precisely that with Storybook and @figma!
Kudos, @markusnissl! 👏
[1/2] 📢 Blog Series: "Mastering the Design-to-Code Flow with @figma , @storybookjs , & @angular" by @MarkusNissl!
Link to Part 1 in the comments!
✅ Transition from style guides to dynamic Design Tokens
✅ Structure & benefits of Design Tokens
✅ Comparative insights from Google & Adobe
#storybook #figma #angular
1
8
24
3,827
Read on!
bit.ly/Design-to-Code-Flow-P…
2
555
this is wild: a 3D library for RN! 🤯
Finally got something to show - we're working on a new 3D library for React Native! 👀🧊
👉 Powered by native Graphics APIs (Metal/Vulkan)
👉 Full control over rendering in JS
👉 120 FPS rendering on a Worklet Thread (no lags!)
👉 Supports hotswapping .glb/.gltf models
1
1
8
2,615
if we combined this with our 3D Storybook addon… would that mean… a 9D Storybook
After seeing @OrionReedOne’s amazing 3D HTML/DOM viewer, we thought: what if you could do that in Storybook? 💭
So, we built a very quick prototype addon to see what that would look like!
1,181
In honor of Lara Croft being voted gaming’s most iconic character (good call @BAFTAGames), here’s one of Tomb Raider’s most iconic moments rebuilt in Storybook: locking the butler in the freezer (via state management).
ALT The butler from Tomb Raider 3 (Winston) locked in the freezer.
1
1
8
2,032
Storybook lets you document every state of your UI as a separate story (e.g. the butler in the freezer, the butler out the freezer, the butler on the weekend, anywhere), which means you can teleport and test any UI implementation without having to manually reproduce it!
1
1
777
kind of like cheat codes but for frontend devs
here’s all the goodness from our latest release!
storybook.js.org/blog/storyb…
1
1
766
One of the many reference updates in Storybook 8 was the launch of our new docs homepage! This resource brings together all our guides for using Storybook with all leading JS frameworks 🫶
Check it out ⬇️
(link in replies)
ALT Storybook’s new docs homepage
1
11
1,629
Thank you to everyone who joined us at our New York meetup 🥳
We had an awesome night, and it was amazing to meet so many Storybook devs from across NYC!
ALT Storybook community and guests!
ALT Storybook community at our NYC meetup
8
2
26
2,648