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,680
- Likes 6,645
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
Storybook retweeted
Made some cool updates to our Storybook component statuses - easier data fetching now! Check out the new PR: github.com/varya/storybook-8… Big thanks to Nikolay Dozmorov for the tip! 🚀
I faced issues displaying component statuses in a sidebar for #Storybook v8 and developed a workaround. However, should be discussed.
Please check the solution and built example.
- Repo: github.com/varya/storybook-8…
- Example: varya.me/storybook-8-sidebar…
👂What do you think?
1
2
10
2,896
Developing and testing #WebComponents in Storybook just got a whole lot better, with @stuffbreaker’s release of Web Components Storybook Helpers 2.0! 🥳
Featuring Storybook 8 support, a new testing playground, and significantly improved DX ⬇️
#webcomponents @storybookjs Helpers 2.0 have landed!
npmjs.com/package/wc-storybo…
Changes include:
- Storybook 8 support
- Removed v6 support
- A new sandbox for testing
- Improved syntax and formatting when showing code
- Updated configuration API
Check it out!
1
9
2,486
Storybook retweeted
We’re in day 2 of being at Chromatic 3, and we’re loving it. ⏩
Huge thanks for all the feedback & excitement around the launch. It means a ton 🥰
ICYMI, here’s Chromatic 3 – ft. our @storybookjs addon, Playwright + Cypress integrations, & TurboSnap!
chromatic.com/blog/chromatic…
1
1
5
1,179
h/t @yannbf for firstly making Mealdrop and THEN making it 🕶️3D🕶️
4
669
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!
I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides.
You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.
gist.github.com/OrionReed/4c…
1
6
32
6,085
still time to RSVP – come eat pizza with us & celebrate all things Storybook at the SB8 launch party! 🍻
eventbrite.com/e/new-york-fr…
ALT A photo from the SB London meetup
1
631
well, this is a lovely message for a Thursday! you are all amazing!
To the founders and the people of @storybookjs, I just want to say y’all are amazing 🙏🏽
6
1,560
Storybook retweeted
Neat ✨ displaying component statuses in @storybookjs sidebar.
I faced issues displaying component statuses in a sidebar for #Storybook v8 and developed a workaround. However, should be discussed.
Please check the solution and built example.
- Repo: github.com/varya/storybook-8…
- Example: varya.me/storybook-8-sidebar…
👂What do you think?
1
1
6
1,360
Tag yourselves!
We love this neat solution by @varya_en for tagging your stories’ status in the sidebar 🏷️
Check out the repo or the live example (below):
varya.me/storybook-8-sidebar…
I faced issues displaying component statuses in a sidebar for #Storybook v8 and developed a workaround. However, should be discussed.
Please check the solution and built example.
- Repo: github.com/varya/storybook-8…
- Example: varya.me/storybook-8-sidebar…
👂What do you think?
1
3
23
3,860
we expect New York is currently asleep, but we’ll also be in New York tonight for a Storybook 8/Chromatic 3 launch extravaganza ↓
eventbrite.com/e/new-york-fr…
2
1
2
1,207
Paris devs: come and hang at our Storybook + @figma meetup this evening ↓
figma-storybook-frog.splasht…
Hi Paris folks, join me tomorrow 6pm for a round table discussion on the problematics that frontend and UX engineers face when it comes to working with the rest of the R&D team. An event organised by @figma and @storybookjs Register here: figma-storybook-frog.splasht…
1
2
6
2,614
