The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more โ
Top 23 TypeScript UI Projects
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
-
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.
-
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.
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
-
shoelace-css
A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! ๐๐๐
-
auto-animate
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
-
tamagui
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
-
nebular
:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
-
kittenTricks
React Native starter kit with over 40 screens and modern Light and Dark theme for creating stunning cross-platform mobile applications.
-
next-enterprise
๐ผ An enterprise-grade Next.js boilerplate for high-performance, maintainable apps. Packed with features like Tailwind CSS, TypeScript, ESLint, Prettier, testing tools, and more to accelerate your development.
-
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.
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
Project mention: System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days | dev.to | 2024-04-26Shadcn/ui: I've never tried it before but have always wanted to switch from MaterialUI
๐ https://vuetifyjs.com
Portainer
I am supporting a project where lawyers, advisors can publish articles or news, to get more attention and clients. Initially it was made through TinyMCE, but they wanted not just HTML, but also a way of showing many pictures with interactions. I was seeking UI editor like Medium, and I guess best what I found was EditorJS and during checking its Awesome List there were several carousel plugins and I stopped on this.
Project mention: recharts VS MUI X - a user suggested alternative | libhunt.com/r/recharts | 2024-01-20
Official Website: https://blueprintjs.com/
Project mention: Radix Primitives: an open-source UI component library | news.ycombinator.com | 2024-03-20
Project mention: Big Numbers, No Worries: JavaScript Format Number With Commas | dev.to | 2024-03-23You can use a third-party library, which is a bunch of code that someone else wrote for you. Many awesome third-party libraries can format numbers with commas in JavaScript. For example, you can try Numeral.js, Accounting.js, or Format.js.
Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08I've been very passionate about a project called react-jsonschema-form (github, editor). I personally hate writing forms, and love the idea of serializable components, schema, validation all in one. I've always wanted an alternative to this project that offered an alternative to react, and possibly the ability to render a schema form to static HTML (like ssg).
HTMX gets all the hype right now, but there are other tools in the same vain, my favorite being Unpoly (https://unpoly.com). Together with Shoelace (https://shoelace.style) you get nice GUIs real fast, without the burden of complicated dependency management and build steps. Also, you don't have to write a lot of JS, just what is needed for small enhancements, as it was meant to be. Some might say the main drawback is the tight coupling to your backend. In my case, this is also the main benefit as it integrates perfectly with the backend framework (Django).
Project mention: Would anyone be interested in having me create custom Tailwind CSS Components for them? | /r/nextjs | 2023-12-05https://auto-animate.formkit.com/ some basic inspiration - consider also that this is free and just takes donations.. That model brings people to you and then you can do bespoke projects and charge too
Project mention: Exploring the Best UI Component Libraries for React Native apps | dev.to | 2024-03-29Tamagui is a UI kit that aims to bridge the gap between React and React Native applications by addressing the fundamental parts of an app, such as styling, theming, and cross-platform components, while keeping app performance in mind. It utilizes an optimizing compiler to significantly improve performance by hoisting objects and CSS at build-time. Its main advantage is that it creates a consistent design system across web and native platforms. Some major highlights of Tamagui are:
React Cosmos emerges as an invaluable asset among React debugging tools, tailored for both React and React Native projects. It stands out by offering a conducive environment for developers to meticulously work on, test, and iterate UI components, ensuring they seamlessly integrate with the intended application settings.
Nebular (MIT license)
Project mention: Show HN: React95 โ a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09There's another repo on GitHub that does the same. If the number of stars is of any significance, they have more. See: https://react95.io/ or https://github.com/react95-io/React95
Project mention: Free Next.js Boilerplate for โก๏ธHigh-Performanceโก๏ธ Enterprise Apps | dev.to | 2023-05-18The next-enterprise is an open-source template developed by Blazity that provides a robust set of features for building enterprise projects. It offers high-performance, maintainable and enjoyable web app development, making it an excellent choice for developers who want to streamline their workflow.
TypeScript UI related posts
- I'm giving up on open source
- ChatCraft v2.0.0
- ChatCraft week 14: Releasing v2.0!
- Contributing to Open Source Project ChatCraft
- Release v1.9.0 - ChatCraft.org
- Chat with your Github Repo using llama_index and chainlit
- Creating an Interactive Time-Tracking Report with React and TypeScript
-
A note from our sponsor - WorkOS
workos.com | 27 Apr 2024
Index
What are some of the best open-source UI projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 82,810 |
2 | shadcn/ui | 56,834 |
3 | vuetify | 39,024 |
4 | Portainer | 28,852 |
5 | Editor.js | 26,833 |
6 | docz | 23,494 |
7 | recharts | 22,600 |
8 | SweetAlert | 22,357 |
9 | @blueprintjs/core | 20,409 |
10 | primitives | 14,192 |
11 | React Intl | 14,068 |
12 | react-jsonschema-form | 13,630 |
13 | shoelace-css | 11,962 |
14 | auto-animate | 11,618 |
15 | tamagui | 9,992 |
16 | cosmos-js | 8,112 |
17 | nebular | 8,008 |
18 | kittenTricks | 7,095 |
19 | arwes | 6,970 |
20 | React95 | 6,375 |
21 | react-native-ui-lib | 6,144 |
22 | graphql-editor | 5,937 |
23 | next-enterprise | 5,481 |
Sponsored