TypeScript Storybook

Open-source TypeScript projects categorized as Storybook | Edit details

Top 23 TypeScript Storybook Projects

  • GitHub repo storybook

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

    Project mention: Announcing Monarch 1.7: the developer experience keeps getting better | reddit.com/r/FlutterDev | 2022-01-13

    It sounds you are familiar with web development. Monarch is akin to Storybook.

  • GitHub repo nx

    Smart, Fast and Extensible Build System

    Project mention: Angular 13 + NestJs + NX | dev.to | 2022-01-15

    ✅ Angular 13 ✅ Ngx-admin ✅ NestJS 8 ✅ Next generation build system with Nx ✅ Unit Testing with Jest ✅ End-to-End Testing with Cypress ✅ ESLint ✅ Prettier

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo React95

    A React components library with Win95 UI (by React95)

    Project mention: Anyone have any experience with the React95 library? | reddit.com/r/reactjs | 2021-10-14

    I am trying to use this library in a new project and I am running into some issues when using the icons.

  • GitHub repo jira-clone-angular

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

    Project mention: Angular Project Ideas For Beginners 2022 | dev.to | 2021-12-20

    Jira clone angular

  • GitHub repo ReactiveTraderCloud

    Real-time FX trading showcase by Adaptive.

    Project mention: Proyectos Open-source .NET | reddit.com/r/devsarg | 2021-12-13
  • GitHub repo 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/

    Project mention: superplate - Performance-oriented Frontend application creator with popular tools | dev.to | 2021-03-23

    It has been a long time since we started the next-boilerplate project. We are proud that it helped many frontend developers around the globe to speed up their frontend development cycles.

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo html-figma

    Figma to HTML, CSS, React, Vue, and more!

    Project mention: Figma → React | news.ycombinator.com | 2021-03-27
  • GitHub repo testing-react

    Testing utilities that allow you to reuse your Storybook stories in your React unit tests!

    Project mention: What is Storybook used for? | reddit.com/r/reactjs | 2021-12-22

    Adding on to what others have said: you can use https://github.com/storybookjs/testing-react to reuse your storybook entries as test setup & really simplify your tests while making your storybook entries even more valuable.

  • GitHub repo react-native

    📓 Storybook for React Native! (by storybookjs)

    Project mention: Introducing Storybook for React Native Web | dev.to | 2021-11-15

    If those drawbacks aren't dealbreakers, then I think you will be happy with the results. However If you are unable to use this package because you need a native mobile experience then consider using @storybook/react-native. You could even use both if it makes sense for your use case.

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

    Project mention: Storybook for everyone: CSF vs. MDX | dev.to | 2021-04-20

    Designers can now share their design tokens and write documentation to make developers understand the reason behind design patterns. Here is a very cool example from the Storybook MDX announcement article. Philip Siekmann created an amazing addon that generates design token documentation from your stylesheets and asset files and the demo file is documented using MDX.

  • GitHub repo assistant

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

    Project mention: Css fit-content on parent won't work for scaled item | reddit.com/r/css | 2021-10-10

    this is the app i'm building https://github.com/gridaco/assistant

  • GitHub repo react-native-storybook-loader

    An automatic story loader for react-native-storybooks

    Project mention: Setting up Storybook for React Native/TypeScript (server, loader, iOS, Android) | dev.to | 2021-02-17

    This is a step-by-step walkthrough of how to set up Storybook for React Native, complete with the the web UI (@storybook/react-native-server), dynamic story loading (react-native-storybook-loader), and TypeScript.

  • GitHub repo json-schema-viewer

    A JSON Schema viewer React component (by stoplightio)

    Project mention: Yarn.lock: how it works and what you risk without maintaining yarn dependencies — deep dive | dev.to | 2021-09-03

    An issue emerged in our library integration that made us challenge our belief that our dependencies are under control. In short, our app crashed because of a bug in a dependency’s dependency. Despite fixing the nested dependency, the issue remained to be unsolved.

  • GitHub repo react-you-do-you

    How I use React + Redux + Material-UI + TypeScript – you do you 💖

    Project mention: Open source react project with typescript best practices | reddit.com/r/typescript | 2021-10-09

    I am the maintainer of https://github.com/netzwerg/react-you-do-you – a project starter which demonstrates a lot of React/TS best practices. Hope it helps!

  • GitHub repo react-uswds

    USWDS 2.0 components built in React

    Project mention: The new White House website has a hidden message calling for coders | reddit.com/r/technology | 2021-01-21

    If you’re and engineer and you’re wanting to just dip your toes in or have something to do between interviews, look for open source government projects to contribute to (e.g. https://github.com/uswds/uswds or https://github.com/trussworks/react-uswds). These can be a great way to see what various organizations are contributing to the civic tech space and to see their development philosophy and style.

  • GitHub repo react-starter

    Full-featured typescript starter for React application

    Project mention: Do you know good React starter kit? | reddit.com/r/reactjs | 2021-10-27
  • GitHub repo chic-ui

    Lightweight UI Component Library for React

    Project mention: My experience with PyPi and NPM publishing process | dev.to | 2022-01-11

    I recently published Chic UI (React UI Component Library) on NPM.

  • GitHub repo angular-tailwind-storybook

    Angular + Tailwind + Storybook Template from Newwwton

    Project mention: Angular + Tailwind + Storybook Template with Atomic Components | reddit.com/r/angularjs | 2021-06-09
  • GitHub repo react-in-out-textarea

    A simple React.js User Interface Component that is like Google Translate with full TypeScript Support

  • GitHub repo addon-react-native-web

    Build react-native-web projects in Storybook for React

    Project mention: Introducing Storybook for React Native Web | dev.to | 2021-11-15

    If you are concerned about components being different on the web please see the FAQ where I have tried to address this.

  • GitHub repo kirby-boilerplate

    This is an opiniated boilerplate with rocking tools for front-end development

    Project mention: Your next boilerplate | dev.to | 2021-05-01

    So please, have a look at it and help me build the next true opensource boilerplate! kirby-boilerplate, because we are all tired of building over the same thing again and again.

  • GitHub repo regnite

    React Native boilerplate with firebase integration.

    Project mention: Regnite - React Native + Firebase boilerplate based on ignite | reddit.com/r/reactjs | 2021-09-24

    GitHub repo

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 2022-01-15.

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 68,212
2 nx 10,257
3 react-responsive-carousel 1,981
4 React95 1,795
5 jira-clone-angular 1,695
6 ReactiveTraderCloud 1,671
7 next-boilerplate 1,258
8 html-figma 952
9 testing-react 517
10 react-native 468
11 storybook-design-token 396
12 assistant 350
13 react-native-storybook-loader 271
14 json-schema-viewer 89
15 react-you-do-you 87
16 react-uswds 78
17 react-starter 70
18 chic-ui 38
19 angular-tailwind-storybook 28
20 react-in-out-textarea 26
21 addon-react-native-web 25
22 kirby-boilerplate 16
23 regnite 13
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.