SaaSHub helps you find the best software and product alternatives Learn more β
Top 13 TypeScript Ux Projects
-
We'll use React with Vite, shadcn/ui (a collection of reusable components I have been wanting to try for a while), React Hook Form for form management, and Zod for schema-based form validation.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Intro.js is an open source JavaScript library that provides an easy way to create simple and effective product tours. It has an approximate file size of 12.5 KB, so itβs a lightweight library that makes building simple walkthroughs easy: One of the key features of Intro.js is its customizability. It allows you to tailor your tours to align with your application's branding by offering various themes and customizable elements, such as colors, fonts, and positioning.
-
shoelace-css
A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME πππ
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).
-
-
Equal UI: A framework that ensures consistency and adaptability.
-
Project mention: Introducing the Enhanced @nipe-solutions/react-spring-bottom-sheet: Now Supporting React 18 and XState v5 | dev.to | 2024-04-22
Original Author's Repository: Cody Olsen's GitHub
-
-
react-cool-img
π π A React <Img /> component let you handle image UX and performance as a Pro!
-
-
-
Project mention: Show HN: Fold, the UI component library for product teams | news.ycombinator.com | 2024-06-11
Hi HN! I'm excited to share that Fold Pro (Early Access) has finally launched.
Fold is a React based UI component library built specifically for developers building SaaS products or internal dashboards. Early Access is the first release of Fold Pro, which gives developers access to premium components built on top of Fold.
I started working on Fold about a year and a half ago to scratch my own itch of building a modern UI component library, with zero runtime dependencies (other than React). Iβve simply seen too many frontend stacks built on a house of cards, where managing dependencies & build pipelines becomes a full time job.
The open source core of Fold [1] launched about 6 months ago and finally, the first set of Pro components have just launched. The initial set of components include a Kanban Board, Todo List, Calendar, Data Grid, CSV Importer and Date Picker - with a few others on the way. You can check out the roadmap [2] to see whatβs planned.
The overall vision of Fold is to deliver a great DX and to enable small (and big) teams & indies to deliver high quality product experiences, quickly and without spending a large amout of money.
Whatβs next?
There's a lot planned in terms of next steps, but getting Pro as stable as possible and improving the documentation are top priorities. Early Access will finish up with mobile support, when Fold Pro will go into a more regular release cadence.
Hope you like it! Any feedback is highly appreciated, so please leave any comments or questions below. If you want to find out more, please check out the website [3] or the GitHub Discussions page [4].
[1] https://github.com/fold-dev/fold
-
TypeScript Ux discussion
TypeScript Ux related posts
-
Reusable form inputs with React Hook Form and TypeScript
-
Form Validation In TypeScipt Projects Using Zod and React Hook Form
-
Introducing the Enhanced @nipe-solutions/react-spring-bottom-sheet: Now Supporting React 18 and XState v5
-
Shoelace: A forward-thinking library of web components
-
Ask HN: Is there something like shadcn/UI for vanilla HTML and JavaScript?
-
Lit 3 Release Announcement
-
Shoelace: A forward-thinking library of web components
-
A note from our sponsor - SaaSHub
www.saashub.com | 23 Jan 2025
Index
What are some of the best open-source Ux projects in TypeScript? This list will help you:
# | Project | Stars |
---|---|---|
1 | react-hook-form | 42,179 |
2 | intro.js | 22,887 |
3 | shoelace-css | 13,105 |
4 | arrow-js | 2,435 |
5 | Equal | 1,229 |
6 | react-spring-bottom-sheet | 983 |
7 | xlayers | 822 |
8 | react-cool-img | 778 |
9 | 7GUIs | 39 |
10 | ux-swup | 31 |
11 | pageblox-react | 12 |
12 | fold | 11 |
13 | chatstr-client | 0 |