TypeScript Storybook

Open-source TypeScript projects categorized as Storybook
Edit details
Topics: React TypeScript Nextjs ReactJS Tailwindcss
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

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: How to share your TwigComponent with your team ? | dev.to | 2024-05-15

    But here’s some good news: there’s already a solution in the JavaScript world called Storybook!

  • nx

    Smart Monorepos · Fast CI

    • Project mention: Integrate Ory in a NestJS application | dev.to | 2024-05-16

    Implementation Phase: We will create a new Nx workspace, set up a NestJS application, configure Ory Kratos and Ory Keto using Docker Compose, and implement the necessary modules, services, controllers, and entities to integrate Ory into the CatFoster application.

  • 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

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

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

    InfluxDB logo

  • 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

  • start-ui-web

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

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

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

  • functional-ui-kit

    Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

    • Project mention: Show HN: Functional UI Kit – twin Figma and React component libraries | news.ycombinator.com | 2024-02-25

  • cascade

    Best open-source SaaS boilerplate. Free, powerful & extendable. (by d-ivashchuk)

    • Project mention: Show HN: Cascade – open-source alternative to paid SaaS boilerplates | news.ycombinator.com | 2024-04-11

  • react-dsfr

    🇫🇷 Design system React toolkit

  • msw-storybook-addon

    Mock API requests in Storybook with Mock Service Worker.

  • illa-design

    A fully responsive UI Library for React.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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).

TypeScript Storybook related posts

  • How to share your TwigComponent with your team ?

    1 project | dev.to | 15 May 2024

  • SASS, CSS, or Tailwind: Which One Should You Choose?

    2 projects | dev.to | 15 May 2024

  • How to use NextJS pathname in Storybook 8

    1 project | dev.to | 29 Apr 2024

  • Storybook not picking up tailwindcss

    1 project | dev.to | 17 Apr 2024

  • Announcing AnalogJS 1.0 🚀

    5 projects | dev.to | 14 Mar 2024

  • Storybook 8

    6 projects | dev.to | 12 Mar 2024

  • What is Storybook Play function?

    2 projects | dev.to | 10 Mar 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 16 May 2024
    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. Learn more →

Index

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

Project Stars
1 storybook 82,947
2 nx 22,231
3 React95 3,173
4 html-figma 2,973
5 jira-clone-angular 2,130
6 ReactiveTraderCloud 1,816
7 flowbite-react 1,713
8 next-boilerplate 1,585
9 watching-you 1,574
10 ts-monorepo 1,434
11 start-ui-web 1,301
12 lost-pixel 1,227
13 react-native 968
14 molecule 840
15 storybook-design-token 635
16 rewindui 614
17 assistant 555
18 minze 544
19 functional-ui-kit 502
20 cascade 455
21 react-dsfr 396
22 msw-storybook-addon 382
23 illa-design 321

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com