📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more! (by storybookjs)


Basic storybook repo stats
6 days ago

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

Storybook Alternatives

Similar projects and alternatives to storybook

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • GitHub repo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • GitHub repo material-ui

    Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

  • GitHub repo Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  • GitHub repo react-bootstrap

    Bootstrap components built with React

  • GitHub repo chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • GitHub repo Next.js

    The React Framework

  • GitHub repo Gatsby

    Build blazing fast, modern apps and websites with React

  • GitHub repo anime.js

    JavaScript animation engine

  • GitHub repo Materialize

    Materialize, a CSS Framework based on Material Design

  • GitHub repo Nuxt.js

    The Intuitive Vue Framework

  • GitHub repo jest

    Delightful JavaScript Testing.

  • GitHub repo styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  • GitHub repo PostCSS

    Transforming styles with JS plugins

  • GitHub repo Enzyme

    JavaScript Testing utilities for React

  • GitHub repo @blueprintjs/core

    A React-based UI toolkit for the web

  • GitHub repo classnames

    A simple javascript utility for conditionally joining classNames together

  • GitHub repo Yup

    Dead simple Object schema validation

  • GitHub repo antd

    🌈 A UI Design Language and React UI library

  • GitHub repo Concrete 5 CMS

    Official repository for concrete5 development

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


Posts where storybook has been mentioned. We have used some of these posts to build our list of alternatives and similar projects - the last one was on 2021-04-28.
  • Integration stories: elevating Storybook with Mock Service Worker | 2021-04-28
    During our last product cycle at Process Street, our development experience was heavily aided by combining Mock Service Worker (MSW) and Storybook. It's a powerful union of tools worth knowing about.
  • Building a Component Library in Rails With Storybook | 2021-04-26
    A common (and honestly amazing) tool for such component libraries in JS-based apps is called Storybook. Storybook is an interface that provides an interactive playground for each component, alongside its documentation and other niceties. Here are some examples of Storybooks: | 2021-04-26
    Storybook used to be only compatible with Single Page Apps created with JavaScript frameworks: React, Vue, Angular, and many others. Fortunately for us, the recent V6 release of Storybook introduced the @storybook/server package, which allows for any HTML snippet to be used as a component in Storybook. Theoretically, this allows for a Rails backend to render the components for Storybook. But how does that work in practice?
  • Storybook for everyone: CSF vs. MDX | 2021-04-20
    I have created a PR for Storybook in an attempt to fix this, so it would be great to get any feedback from you all! | 2021-04-20
    Today, I'm going to talk about Storybook v6. It is such a great tool to design, build, document and test isolated components and organize a perfect component library.
  • Storybook does not refresh after save | 2021-04-09
    See for details. (Use node --trace-deprecation ... to show where the warning was created) 10% building 6/12 modules 6 active /home/developer/projects/openidea/webapp/components/node_modules/babel-loader/lib/index.js??ref--4-0!/home/developer/projects/openidea/webapp/components/.storybook/generated-stories-entry.jsinfo => Using cached manager webpack built preview 6002361e38573b1c5351 in 9449ms ╭─────────────────────────────────────────────────────╮ │ │ │ Storybook 6.2.7 started │ │ 9.74 s for preview │ │ │ │ Local: http://localhost:6006/ │ │ On your network: │ │ │ ╰─────────────────────────────────────────────────────╯ webpack building... webpack built preview 533a9b622317ca763dd0 in 1930ms ```
  • Why Tailwind’s Just-In-Time mode is a game-changer and how to use it right now | 2021-04-03
    If you're using Storybook in your project, then you'll probably want to enable JIT over there too. Doing so currently requires a bit more work because Tailwind's JIT mode only supports PostCSS 8+. Fortunately, support for PostCSS 8 was recently introduced by Storybook 6.2.
  • Storybook 6.2 just shipped—includes Vue 3 and Webpack 5 support | 2021-03-31
    Storybook is es build compatible now and Vite builder is in progress
  • Ultimate 2021 List of CSS Frameworks and Component Libraries for Angular, React, Vue and Svelte | 2021-03-28
  • 10 resources for React UI developers | 2021-03-27
  • Run, Build & Deploy Stencil and Storybook From One Repository | 2021-03-25
    I recently joined a project where the team used two separate Git repositories for their web components based on Stencil and Storybook. But the idea of Storybook is that the so-called "stories" live next to the components source code. Therefore, it made no sense to me to have those two tools in different repositories, and I combined them both in one repository.
  • How To Use Storybook with Ionic and Angular | 2021-03-23
    Introduction to setting up a using Storybookjs in an Ionic Framework Angular Project.
  • I need to design an interface with Material UI. Where do I start?
    Material UI is the set of react components we are currently using to create a pattern library through Storybook. There are ways for XD to integrate material components with Storybook too, but we are still figuring out the technical details there.
  • Ask HN: What is the best UI builder that you have ever used? | 2021-03-21
  • Guide on how to show Snackbars in Flutter using the awesome `getx` package. 🔥🔥
    Misusing a global context hinders the composability (if that's a word) of widgets. Just think about embedding multiple MaterialApp widgets inside other widgets, for example if you want create something like Storybook.