Storybook Open Source Projects
Browse 318 Storybook open source projects, ranked by GitHub stars. Find the most popular Storybook tools and libraries.
storybookjs/storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
Metrics details
| Stars | 90,625 |
nrwl/nx
The Monorepo Platform that amplifies both developers and AI agents. Nx optimizes your builds, scales your CI, and fixes failed PRs automatically. Ship in half the time.
Metrics details
| Stars | 29,113 |
segmentio/evergreen
🌲 Evergreen React UI Framework by Segment
Metrics details
| Stars | 12,423 |
reach/reach-ui
The Accessible Foundation for React Apps and Design Systems
Metrics details
| Stars | 5,975 |
seek-oss/playroom
Design with JSX, powered by your own component library.
Metrics details
| Stars | 4,583 |
React95/React95
A React components library with Win95 UI
Metrics details
| Stars | 3,796 |
salesforce-ux/design-system
Salesforce Lightning Design System
Metrics details
| Stars | 3,694 |
BuilderIO/figma-html
Convert any website to editable Figma designs
Metrics details
| Stars | 3,655 |
HamishMW/portfolio
My personal portfolio website built using React and three js
Metrics details
| Stars | 3,471 |
diegohaz/arc
React starter kit based on Atomic Design
Metrics details
| Stars | 2,923 |
vuesion/vuesion
Vuesion is a boilerplate that empowers product teams to build faster with modern best practices across engineering and design. It features a full-stack framework, comprehensive design system, robust testing, and seamless internationalization.
Metrics details
| Stars | 2,875 |
reaviz/reaflow
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
Metrics details
| Stars | 2,489 |
GriddleGriddle/Griddle
Simple Grid Component written in React
Metrics details
| Stars | 2,488 |
chromaui/learnstorybook.com
Static site and content for Storybook tutorials
Metrics details
| Stars | 2,414 |
trungk18/jira-clone-angular
A simplified Jira clone built with Angular, ng-zorro and Akita
Metrics details
| Stars | 2,276 |
themesberg/flowbite-react
Official React components built for Flowbite and Tailwind CSS
Metrics details
| Stars | 2,146 |
storybookjs/design-system
🗃 Storybook Design System
Metrics details
| Stars | 2,008 |
oblador/loki
👁 Visual Regression Testing for Storybook
Metrics details
| Stars | 1,907 |
AdaptiveConsulting/ReactiveTraderCloud
Real-time FX trading showcase by Adaptive. THIS REPO IS NO LONGER MAINTAINED.
Metrics details
| Stars | 1,856 |
danilowoz/react-atomic-design
🔬 How the Atomic Design methodology can create a great design system from scratch and make better developers.
Metrics details
| Stars | 1,849 |
chakra-ui/chakra-ui-vue
⚡️ Build scalable and accessible Vue.js applications with ease.
Metrics details
| Stars | 1,845 |
yjose/reactjs-popup
React Popup Component - Modals,Tooltips and Menus — All in one
Metrics details
| Stars | 1,805 |
BearStudio/start-ui-web
🚀 Start UI [web] is an opinionated UI starter from the 🐻 BearStudio Team with ⚙️ Node.js, 🟦 TypeScript, ⚛️ React, 📦 TanStack Start, 💨 Tailwind CSS, 🧩 shadcn/ui, 📋 React Hook Form, 🔌 oRPC, 🛠 Prisma, 🔐 Better Auth, 📚 Storybook, 🧪 Vitest, 🎭 Playwright
Metrics details
| Stars | 1,743 |
jj811208/watching-you
watching-you is a javascript library for building animations that watch anything on DOM 👀.
Metrics details
| Stars | 1,704 |
lost-pixel/lost-pixel
Open source alternative to Percy, Chromatic, Applitools.
Metrics details
| Stars | 1,685 |
supabase/ui
Supabase UI Library
Metrics details
| Stars | 1,642 |
ifmeorg/ifme
Free, open source mental health communication web app to share experiences with loved ones
Metrics details
| Stars | 1,633 |
NiGhTTraX/ts-monorepo
Template for setting up a TypeScript monorepo
Metrics details
| Stars | 1,625 |
pankod/next-boilerplate
A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/
Metrics details
| Stars | 1,614 |
adobe/spectrum-web-components
Spectrum Web Components
Metrics details
| Stars | 1,522 |
storybookjs/react-native
📓 Storybook for React Native!
Metrics details
| Stars | 1,306 |
UnlyEd/next-right-now
Flexible production-grade boilerplate with Next.js 11, Vercel and TypeScript. Includes multiple opt-in presets using Storybook, Airtable, GraphQL, Analytics, CSS-in-JS, Monitoring, End-to-end testing, Internationalization, CI/CD and SaaS B2B multi single-tenancy (monorepo) support
Metrics details
| Stars | 1,278 |
react-bootstrap-table/react-bootstrap-table2
Next Generation of react-bootstrap-table
Metrics details
| Stars | 1,258 |
streamich/awesome-styleguides
A curated list of UI styleguides — 😎💄
Metrics details
| Stars | 1,255 |
couds/react-bulma-components
React components for Bulma framework
Metrics details
| Stars | 1,201 |
yuanqing/create-figma-plugin
:battery: The comprehensive toolkit for developing plugins and widgets for Figma
Metrics details
| Stars | 1,116 |
ttttonyhe/ouorz-mono
A Monorepo for My ( :earth_asia: Personal Website / :microscope: Academic Profile ) and { Other Related Projects }
Metrics details
| Stars | 1,056 |
aeksco/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:
Metrics details
| Stars | 968 |
DTStack/molecule
:rocket: A lightweight Web IDE UI framework.
Metrics details
| Stars | 966 |
vue-play/vue-play
🍭 A minimalistic framework for demonstrating your Vue components
Metrics details
| Stars | 961 |
open-sauced/open-sauced
🍕 This is a project to identify your next open source contribution.
Metrics details
| Stars | 949 |
storybookjs/addon-designs
A Storybook addon that embeds Figma, websites, or images in the addon panel.
Metrics details
| Stars | 949 |
widgetbook/widgetbook
Widgetbook is the custom widget library and collaboration platform for Flutter frontend teams.
Metrics details
| Stars | 934 |
ComponentDriven/csf
Component Story Format is an open standard for UI component examples based on JavaScript ES6 modules.
Metrics details
| Stars | 919 |
storybook-eol/storybook-deployer
Deploy your storybook as a static site
Metrics details
| Stars | 893 |
klaufel/awesome-design-systems
📒 A curated list of bookmarks, resources and articles about design systems focused on developers.
Metrics details
| Stars | 875 |
phenixdigital/phoenix_storybook
A pluggable storybook for your Phoenix components.
Metrics details
| Stars | 863 |
AgnosticUI/agnosticui
AgnosticUI Local (v2) is a CLI-based UI component library that copies components directly into your project. Works with AI tools, agent-driven UIs, and prompt-ready workflows.
Metrics details
| Stars | 820 |
playcanvas/pcui
UI component library for web-based tools
Metrics details
| Stars | 789 |
HarveyD/react-component-library
A project skeleton to get your very own React Component Library up and running using Rollup, Typescript, SASS + Storybook
Metrics details
| Stars | 782 |
ComponentDriven/componentdriven.org
Static site and content for Component Driven
Metrics details
| Stars | 772 |
rewindui/rewindui
A React component library for building modern web applications using Tailwind CSS.
Metrics details
| Stars | 764 |
react-workspaces/react-workspaces-playground
⚛️ 🐈 Zero Config Create-React-App Monorepos with Yarn Workspaces, Lerna and React Storybook.
Metrics details
| Stars | 759 |
micah5/PSone.css
🎮 PS1 style CSS Framework, inspired by NES.css
Metrics details
| Stars | 758 |
reg-viz/storycap
A Storybook Addon, Save the screenshot image of your stories :camera: via puppeteer.
Metrics details
| Stars | 753 |
WebDevStudios/nextjs-wordpress-starter
A headless starter for WordPress powered by Next.js.
Metrics details
| Stars | 736 |
salihozdemir/stackoverflow-clone
This project is a simplified a full stack clone of Stackoverflow.
Metrics details
| Stars | 687 |
UX-and-I/storybook-design-token
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
Metrics details
| Stars | 679 |
atlassian-labs/storybook-addon-performance
🚧 A storybook addon to help better understand and debug performance for React components.
Metrics details
| Stars | 664 |
carbon-design-system/carbon-components-vue
Vue implementation of the Carbon Design System
Metrics details
| Stars | 648 |
