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. Learn more →
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.
-
-
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.
-
-
-
-
-
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 👀.
-
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
-
-
-
-
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.
-
-
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
-
-
functional-ui-kit
Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.
-
-
-
-
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.
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
One notable feature is the ability to remember selected tabs. When you select a specific tab on a page, all other tabs on the page with the same name will also be selected. This selection will persist during your next visit to nx.dev.
Project mention: Show HN: React95 – A React components library recreating the look of Windows 95 | /r/patient_hackernews | 2023-07-10
Try the Builder.io Figma plugin
Angular Jira Clone
Project mention: Tutorial: how to install Meteor.js with Tailwind CSS and Flowbite | dev.to | 2023-07-26To 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.
Project mention: [AskJS] Is there a silver bullet for consuming Typescript libraries in a Monorepo? | /r/javascript | 2023-05-091. 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.
Project mention: 🚀 Start UI [web] is an opinionated UI starter with ⚛️ React, ▲ NextJS, ⚡️ Chakra UI, ⚛️ TanStack Query & 🐜 Formiz | /r/nextjs | 2023-05-16
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.
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
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
- Storybook not picking up tailwindcss
- Announcing AnalogJS 1.0 🚀
- Storybook 8
- What is Storybook Play function?
- Add Cypress, Playwright, and Storybook to Nx Expo Apps
- React Native Storybook 7
- Javascript is hard ayy eff
-
A note from our sponsor - SurveyJS
surveyjs.io | 23 Apr 2024
Index
What are some of the best open-source Storybook projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 82,727 |
| 2 | nx | 21,907 |
| 3 | React95 | 3,165 |
| 4 | html-figma | 2,944 |
| 5 | jira-clone-angular | 2,118 |
| 6 | ReactiveTraderCloud | 1,811 |
| 7 | flowbite-react | 1,682 |
| 8 | next-boilerplate | 1,580 |
| 9 | watching-you | 1,569 |
| 10 | ts-monorepo | 1,420 |
| 11 | start-ui-web | 1,286 |
| 12 | lost-pixel | 1,214 |
| 13 | react-native | 960 |
| 14 | molecule | 836 |
| 15 | storybook-design-token | 632 |
| 16 | rewindui | 612 |
| 17 | assistant | 553 |
| 18 | minze | 543 |
| 19 | functional-ui-kit | 496 |
| 20 | cascade | 411 |
| 21 | react-dsfr | 395 |
| 22 | msw-storybook-addon | 377 |
| 23 | illa-design | 316 |
Sponsored
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