TypeScript Storybook

Open-source TypeScript projects categorized as Storybook

Top 23 TypeScript Storybook Projects

  • storybook

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

    Project mention: Add Cypress, Playwright, and Storybook to Nx Expo Apps | dev.to | 2024-02-19

    Expo has first-class support for building full-stack websites with React, so I can leverage that to add Cypress/Playwright for E2E testing and add the Storybook for UI components.

  • nx

    Smart Monorepos · Fast CI

    Project mention: Ask HN: Cleanest way to manage Windows OS? | news.ycombinator.com | 2024-02-22

    On Nix, you can declare everything necessary to build a package so you don't need to install packages on your system by yourself. I don't want to put myself into a dependency hell anymore. But I have an idea for this: using docker. Docker separates developing environment from host's system so there would be no pre-installed dependencies. It would be good and I'm considering learning docker. Next thing I'm considering is to use something like [nx](https://nx.dev/). If you have better ideas, please tell me.

    This is pretty much everything I need for my next Windows environment. Every small tips or tricks are welcome.

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

  • 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

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

    Project mention: ReactiveTraderCloud: NEW Extended Research - star count:1751.0 | /r/algoprojects | 2023-04-08
  • 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.

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

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

  • 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

    Holistic visual testing for your Frontend 🖼 First class integration with Storybook, Ladle, Playwright & other frontend libraries.

    Project mention: Open-source visual regression testing with Vue & Histoire | /r/vuejs | 2023-10-24

    Hey, r/vuejs! Over the weekend, I found out about Histoire existence and that the Vue community loves the tool. I am building a visual regression testing framework(some see it as an addition to E2E tests, and some use visual tests as smoke tests because of the ease of use), and I decided to add the first-class support of Histoire to it.

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

  • molecule

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

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

  • rewindui

    A React component library for building modern web applications using Tailwind CSS.

    Project mention: Show HN: I have open-sourced my ReactJs UI kit | news.ycombinator.com | 2023-07-31
  • assistant

    🤖 Bring your Figma design & development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster design

  • minze

    Dead-simple JS framework for native web components.

    Project mention: Minze Inside Vue.js | dev.to | 2023-04-01

    Don't forget to read the documentation of Minze to explore the features and APIs that have been provided.

  • react-dsfr

    🇫🇷 Design system React toolkit

  • illa-design

    A fully responsive UI Library for React.

  • react-native-storybook-loader

    An automatic story loader for react-native-storybooks

  • moon-design

    Moon Design System for React

    Project mention: Moon Design System 2.0 | /r/reactjs | 2023-04-14

    Our mission is simple: to provide an easy-to-use tool for building beautiful front-ends fast. Our dedicated designers and developers have worked tirelessly to make this a reality, but we need your help. If you find a bug or have an idea to improve our product, we encourage you to join us on GitHub or here and let us know.

  • gitlanding

    ✒️ React components for creating landingpages

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

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-02-22.

TypeScript Storybook related posts


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

Project Stars
1 storybook 82,152
2 nx 21,389
3 React95 3,117
4 html-figma 2,888
5 jira-clone-angular 2,104
6 ReactiveTraderCloud 1,801
7 flowbite-react 1,612
8 next-boilerplate 1,573
9 watching-you 1,562
10 ts-monorepo 1,391
11 start-ui-web 1,261
12 lost-pixel 1,158
13 react-native 934
14 molecule 825
15 storybook-design-token 624
16 rewindui 584
17 assistant 545
18 minze 541
19 react-dsfr 381
20 illa-design 313
21 react-native-storybook-loader 299
22 moon-design 264
23 gitlanding 256
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.