New Styling Addon

Easy config for CSS libraries and themes

Varun Vachhar
Storybook

Newsletter

2 min readMar 23, 2023

--

Setting up styling tools with Storybook is a common challenge for many developers. While there are plenty of articles out there (including several on our blog), these aren’t always up to date, leading to headaches and a time-consuming setup process filled with trial and error.

To make this process easier and more straightforward, I’m thrilled to introduce the new Styling Addon for Storybook.

It’s a framework-agnostic solution that works seamlessly with popular tools like Tailwind, Material UI, Chakra, Emotion, Styled-components, SASS, and PostCSS.

  • 🌎 Handles global styles
  • 🎨 Adds theme providers and allows overrides
  • 🎨 Adds a theme switcher to easily toggle between themes

Getting started is a breeze. Head to our blog to find out how, plus all our thoughts on what’s coming next.

Continue reading »

Last week was Storybook Day. It was incredibly fun to watch the talks together, speak to you all, and witness your enthusiasm for Storybook. In case you couldn’t join us live, watch the replay »

Claim a $500 credit for Chromatic by using the code ‘NEWS’. Made by Storybook maintainers, Chromatic helps you ship UIs with less manual work. It automates visual testing and gathers UI feedback in one shared cloud workspace.

--

--