Storybook

Open-source projects categorized as Storybook
Edit details
Language: + TypeScript + JavaScript + Vue + Ruby + Dart
Topics: React TypeScript Nextjs ReactJS Jest
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.
workos.com
Sponsored

Top 23 Storybook Open-Source Projects

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    • Project mention: Storybook not picking up tailwindcss | dev.to | 2024-04-17

    [Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook

  • nx

    Smart Monorepos · Fast CI

    • Project mention: Pitfalls of Deploying Hono Js App on Vercel | dev.to | 2024-04-16

    Hono does have a template application for Vercel, but in my case, my requirements were different (aren't they always 😅). I was working in a monorepo (using nx) because I wanted to manage my libs, tests, and examples all together in a single place, instead of having different repos.

  • 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.

    SurveyJS logo

  • React95

    A React components library with Win95 UI (by React95)

    • Project mention: Show HN: React95 – A React components library recreating the look of Windows 95 | /r/patient_hackernews | 2023-07-10

  • html-figma

    Builder.io for Figma: AI generation, export to code, import from web

    • Project mention: Introducing Visual Copilot: A Better Figma-to-Code Workflow | dev.to | 2023-10-12

    Try the Builder.io Figma plugin

  • vuesion

    Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.

  • jira-clone-angular

    A simplified Jira clone built with Angular, ng-zorro and Akita

    • Project mention: Introducing MiniRx Signal Store | dev.to | 2024-02-07

    Angular Jira Clone

  • ReactiveTraderCloud

    Real-time FX trading showcase by Adaptive.

  • 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.

    WorkOS logo

  • loki

    👁 Visual Regression Testing for Storybook (by oblador)

    • Project mention: Has anyone automated storybook for visual regression tests with loki.js? | /r/softwaretesting | 2023-07-29

    I 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!

  • react-atomic-design

    🔬 How the Atomic Design methodology can create a great design system from scratch and make better developers.

    • Project mention: Atomic design | /r/reactjs | 2023-06-17

    https://github.com/danilowoz/react-atomic-design maybe this as an example

  • flowbite-react

    Official React components built for Flowbite and Tailwind CSS

    • Project mention: Tutorial: how to install Meteor.js with Tailwind CSS and Flowbite | dev.to | 2023-07-26

    To get you started you can check out the full collection of React components from the Flowbite React repository and browse the documentation for the source code of each component.

  • 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/

  • watching-you

    watching-you is a javascript library for building animations that watch anything on DOM 👀.

  • ifme

    Free, open source mental health communication web app to share experiences with loved ones

  • ts-monorepo

    Template for setting up a TypeScript monorepo

    • Project mention: [AskJS] Is there a silver bullet for consuming Typescript libraries in a Monorepo? | /r/javascript | 2023-05-09

    1. Linking libs with tsconfig paths. This approach involves setting a tsconfig.json paths object which maps the package name, to the local filesystem location. Eg. "paths": {"@org/lib":"../libs/lib"} - Nx uses this approach for their Integrated Monorepo configuration https://nx.dev/tutorials/integrated-repo-tutorial https://github.com/NiGhTTraX/ts-monorepo.

  • start-ui-web

    🚀 Start UI [web] is an opinionated UI starter with 🟦 TypeScript, ⚛️ React, ⚫️ NextJS, ⚡️ Chakra UI, 🟦 tRPC, ▲ Prisma, 🏖️ TanStack Query, 📕 Storybook, 🎭 Playwright, 🐜 Formiz◽From the 🐻 BearStudio Team

    • Project mention: 🚀 Start UI [web] is an opinionated UI starter with ⚛️ React, ▲ NextJS, ⚡️ Chakra UI, ⚛️ TanStack Query & 🐜 Formiz | /r/nextjs | 2023-05-16

  • lost-pixel

    Open source alternative to Percy, Chromatic, Applitools.

    • Project mention: How to debug GitHub actions. Real-world example | dev.to | 2024-03-27

    As an example, we will run a simple GitHub action on our front-end project. GitHub action will be the bare minimum and will execute some open-source visual regression tests on a single webpage.

  • react-native

    📓 Storybook for React Native! (by storybookjs)

    • Project mention: Storybook 8 Beta | dev.to | 2024-02-06

    Lastly, we just released a new version of React Native Storybook: RN Storybook 7. It brings major performance and compatibility improvements, including automatic story loading, improved error handling, stronger types, and much more.

  • 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:

  • molecule

    :rocket: A lightweight Web IDE UI framework. (by DTStack)

  • react-component-library

    A project skeleton to get your very own React Component Library up and running using Rollup, Typescript, SASS + Storybook

  • widgetbook

    Widgetbook is the custom widget library and collaboration platform for Flutter frontend teams.

    • Project mention: Hey, what are some interesting open source flutter projects I could work on right now. Any suggestions would be awesome. | /r/FlutterDev | 2023-07-07

    Here are some interesting projects for me: https://github.com/widgetbook/widgetbook https://pub.dev/packages/storybook\_flutter https://github.com/foss42/api-dash https://github.com/schultek/jaspr

  • awesome-design-systems

    📒 A curated list of bookmarks, resources and articles about design systems focused on developers. (by klaufel)

  • stackoverflow-clone

    This project is a simplified a full stack clone of Stackoverflow. (by salihozdemir)

  • 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.

    InfluxDB logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-04-17.

Storybook related posts

Index

What are some of the best open-source Storybook projects? This list will help you:

Project Stars
1 storybook 82,727
2 nx 21,907
3 React95 3,163
4 html-figma 2,944
5 vuesion 2,765
6 jira-clone-angular 2,118
7 ReactiveTraderCloud 1,809
8 loki 1,730
9 react-atomic-design 1,698
10 flowbite-react 1,673
11 next-boilerplate 1,580
12 watching-you 1,568
13 ifme 1,430
14 ts-monorepo 1,414
15 start-ui-web 1,286
16 lost-pixel 1,207
17 react-native 955
18 react-typescript-web-extension-starter 891
19 molecule 836
20 react-component-library 790
21 widgetbook 668
22 awesome-design-systems 667
23 stackoverflow-clone 662

Sponsored
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.
www.influxdata.com