SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript Storybook Projects
-
storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
Storybook is essential for building and testing components in isolation. It's perfect for component-driven development, has a built-in testing environment, generates great documentation, supports visual regression testing, and has collaboration features for designers and developers.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
nx
Build system, optimized for monorepos, with plugins for popular frameworks and tools and advanced CI capabilities including caching and distribution.
An efficient work environment is the key to rapid development and testing. Many of us have heard stories about how it takes days or even weeks to set up a work environment at a new job or project. I am not exception! To avoid such situations, I decided to think through the structure and configuration in advance. The main idea was to make everything reproducible and easy to use. Since the goal was to develop a plugin for nx.dev, I started by creating a new workspace via create-nx-workspace. I used the test application to experiment with SSR, and therefore created a plugin template using @nx/plugin:plugin. Additionally, I generated two applications and one library via NX generators. As a result, the project structure looked like this:
-
-
Visual Copilot is an AI-powered design-to-code Figma plugin that turns your Figma designs into React code for with just one click. You can choose your styling library (like Tailwind or Styled Components), map your own components (like MaterialUI), and it'll generate code that actually fits your project. You can tweak the generated code with custom prompts, and it learns your coding style if you feed it some of your code samples.
-
Angular Jira Clone
-
-
-
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 👀.
-
-
start-ui-web
🚀 Start UI [web] is an opinionated UI starter with 🟦 TypeScript, ⚛️ React, ⚫️ NextJS, ⚡️ Chakra UI, 🟦 tRPC, 🔐 Lucia Auth, ▲ Prisma, 🏖️ TanStack Query, 📕 Storybook, 🎭 Playwright,📋 React Hook Form,◽From the 🐻 BearStudio Team
-
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.
-
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.
-
-
-
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.
-
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 -
Project mention: Show HN: Cascade – open-source alternative to paid SaaS boilerplates | news.ycombinator.com | 2024-04-11
-
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
-
-
-
-
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 discussion
TypeScript Storybook related posts
-
Design Systems Explained
-
Using Storybook with Angular and Vite 🎨
-
Component Driven Development with Storybook React Native
-
Apple Intelligence System Prompts
-
10 must known JS/TS open-source packages
-
Comparing Vue Component Documentation tools
-
How to share your TwigComponent with your team ?
-
A note from our sponsor - SaaSHub
www.saashub.com | 17 Jan 2025
Index
What are some of the best open-source Storybook projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | storybook | 85,144 |
| 2 | nx | 24,224 |
| 3 | React95 | 3,558 |
| 4 | html-figma | 3,232 |
| 5 | jira-clone-angular | 2,193 |
| 6 | flowbite-react | 1,937 |
| 7 | ReactiveTraderCloud | 1,844 |
| 8 | next-boilerplate | 1,602 |
| 9 | watching-you | 1,600 |
| 10 | ts-monorepo | 1,530 |
| 11 | start-ui-web | 1,429 |
| 12 | lost-pixel | 1,385 |
| 13 | react-native | 1,098 |
| 14 | molecule | 907 |
| 15 | rewindui | 703 |
| 16 | storybook-design-token | 652 |
| 17 | functional-ui-kit | 600 |
| 18 | cascade | 598 |
| 19 | assistant | 589 |
| 20 | minze | 555 |
| 21 | react-dsfr | 428 |
| 22 | msw-storybook-addon | 424 |
| 23 | storybook | 418 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com