Storybook Alternatives

Similar projects and alternatives to storybook

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better storybook alternative or higher similarity.

Suggest an alternative to storybook

Reviews and mentions

Posts with mentions or reviews of storybook. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-09-18.
  • Angular Library + Storybook
    dev.to | 2021-09-19
    Storybook is a tool that allows you to easily create and document UI components. It works with several different libraries and frameworks, such as Angular, React, Vue, and many others.
  • Standalone SvelteKit Component Development w/o Storybook
    dev.to | 2021-09-18
    In the past I used Storybook for that. With mixed feelings. It did what it was supposed to do: let you develop components in isolation. But since it was trying to be usable across multiple (if not all) frontend frameworks it has a huge dependency tree.
  • What's your must have React library(s)?
    reddit.com/r/reactjs | 2021-09-14
    Storybook (https://storybook.js.org/)
  • Looking for a Forestry alternative?
    dev.to | 2021-09-13
    Later this month we'll be announcing a new open-source framework for managing HTML components. (Think Storybook, but made especially for HTML-based SSGs.) This new framework will have a tight integration into CloudCannon, giving developers a clear structure for creating components, and giving editors the ability to add, rearrange and update components with a live preview. Stay tuned for more details.
  • Storybook: UI component explorer for front end developers
    news.ycombinator.com | 2021-09-11
    Have you heard of the storyshots addon? I pretty much ignore its output but I've found it a useful sanity check to see that everything at least renders without errors without any additional effort. I no longer make simple render tests when a story suffices.

    https://github.com/storybookjs/storybook/tree/main/addons/st...

    news.ycombinator.com | 2021-09-11
  • Frontend Engineer vs Design Systems Engineer
    dev.to | 2021-09-10
    Because the success of a design system is measured based on adoption, documentation on components and how to use them is key. Teams often use Storybook or a similar tool to allow customers to see and interact with components. Documenting usage patterns for each component, along with any guidelines for ensuring accessibility, is also critical.
  • IMO: Complete React Developer in 2021 on Udemy is by far the best affordable option for learning React. *Not sponsored content*
    reddit.com/r/react | 2021-09-10
    The idea is for scale. If you're working on a large site with many pages, you will have many components, but the idea is that you structure your project in a way that components are reusable and that state/props allow you to manipulate those reusable components as needed across the project. The other also works up from the most basic level if you are following in a linear path. Once you actually start working in a production environment, you'll be using a ton more integrated packages as needed. Once you start to get the gist of React, you might find something like https://nextjs.org to be more beneficial, as it's a little more manageable, imo. https://storybook.js.org/ is also a good option for component management. It's also important to know a moderate level of JS before exploring React.
  • What tool is your team/company using for documentation/wiki (if anything)
  • Working with ng-content on Storybook
    dev.to | 2021-09-06
    Very often when creating a new story for an Angular component on Storybook you might need to insert content into components which have an ng-content area inside them.
  • Yarn.lock: how it works and what you risk without maintaining yarn dependencies — deep dive
    dev.to | 2021-09-03
    An integration of Elements in Storybook (a tool for building an testing UI components) was broken because of a bug present in the Elements dependency, JSV (JSON Schema Viewer)
  • Building a Drawing Board with Redwood
    dev.to | 2021-09-01
    This generates the page component, a Storybook story, and a Jest test for the component. It'll also automatically add the route for the new page to Routes.js. This page will point be at the base URL of the app, which is why we have the / int the page creation command above.
  • The importance of a design system and why you should be using Storybook in all of your projects
    dev.to | 2021-08-31
    This article is only scratching the surface if you want to learn more then you should visit the Storybook website. The Storybook tool is already in use at many popular companies and it's a skill that tons of companies are looking for with new candidates. A few of the companies already using Storybook include GitHub, Adobe, Microsoft, BBC, IBM, Auth0, gov.uk, Atlassian, Lyft, airbnb and many more!

Stats

Basic storybook repo stats
79
64,773
10.0
5 days ago

storybookjs/storybook is an open source project licensed under MIT License which is an OSI approved license.

Build stunning web applications quickly using Syncfusion JavaScript UI controls.
The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.
syncfusion.com
Find remote TypeScript jobs at our new job board 99remotejobs.com. There are 11 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.