The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript Storybook Projects
-
react-atomic-design
🔬 How the Atomic Design methodology can create a great design system from scratch and make better developers.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
react-typescript-web-extension-starter
:desktop_computer: Web Extension starter kit built with React, TypeScript, TailwindCSS, Storybook, Jest, EsLint, Prettier, and Webpack. Supports Google Chrome + Mozilla Firefox + Brave Browser + Microsoft Edge + Opera :fire:
-
react-component-library
A project skeleton to get your very own React Component Library up and running using Rollup, Typescript, SASS + Storybook
-
stackoverflow-clone
This project is a simplified a full stack clone of Stackoverflow. (by salihozdemir)
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
patterns-library
AXA CH UI component library. Please share, comment, create issues and work with us!
-
storybook-genie
Storybook Genie is a command line interface tool that can generate Storybook stories from React components
-
react-template
An enterprise react template application showcasing - Testing strategy, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading and CI/CD
-
react-enterprise-starter-kit
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:
-
fozzie-components
Public monorepo of tools, services and atomic UI components within the fozzie ecosystem
-
NextJS-MongoDB-MUI-Boilerplate
An Next.js and Mongoose web application with Material UI as the design system, designed as an starting point of any web application
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: Has anyone automated storybook for visual regression tests with loki.js? | /r/softwaretesting | 2023-07-29I am looking to automate storybook as part of visual testing on components. Client has suggested to try loki.js - https://loki.js.org/ . Any leads would be much appreciated!
https://github.com/danilowoz/react-atomic-design maybe this as an example
or they could be state mock injected by jest.mock or any other force (I would recommend magnetic-di)
Project mention: I made a web app that converts react components to storybook stories using OpenAI API | /r/reactjs | 2023-05-08Also made a CLI tool that does the same thing https://github.com/eduardconstantin/storybook-genie
Project mention: Next.js, Mongo(Mongoose) and Material UI Starter Boilerplate | news.ycombinator.com | 2023-05-03
JavaScript Storybook related posts
- Storybook 8 Beta
- OpenSauced: Your fast track to open source
- Has anyone automated storybook for visual regression tests with loki.js?
- How to upskill my skills?
- Design System to CSS Code
- A dependency to deploy Next apps to GitHub Pages
- Is there a way to automatically find UI related/CSS bugs, something that works like unit testing but it's UI?
-
A note from our sponsor - WorkOS
workos.com | 19 Apr 2024
Index
What are some of the best open-source Storybook projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | loki | 1,730 |
2 | react-atomic-design | 1,698 |
3 | react-typescript-web-extension-starter | 891 |
4 | react-component-library | 790 |
5 | stackoverflow-clone | 662 |
6 | msw-storybook-addon | 371 |
7 | front-end | 365 |
8 | react-magnetic-di | 127 |
9 | patterns-library | 121 |
10 | storybook-genie | 97 |
11 | react-template | 94 |
12 | react-enterprise-starter-kit | 86 |
13 | eleventy-react | 81 |
14 | storybook-addon-angularjs | 64 |
15 | react-bones | 41 |
16 | storybook-code-coverage | 31 |
17 | storybook-tailwind | 19 |
18 | fozzie-components | 16 |
19 | NextJS-MongoDB-MUI-Boilerplate | 15 |
20 | react-ts-rollup-starter-lib | 14 |
21 | HourGlass | 10 |
22 | react-neon-ui-demo | 3 |
23 | jatayu | 2 |