TypeScript Ux

Open-source TypeScript projects categorized as Ux

Top 13 TypeScript Ux Projects

  1. react-hook-form

    πŸ“‹ React Hooks for form state management and validation (Web + React Native)

    Project mention: Easily Sync Your Subtitles with React, RHF and shadcn/ui | dev.to | 2025-01-22

    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.

  2. SaaSHub

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

    SaaSHub logo
  3. intro.js

    Lightweight, user-friendly onboarding tour library

    Project mention: 7 best product tour JavaScript libraries for frontend apps | dev.to | 2024-08-07

    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.

  4. shoelace-css

    A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME πŸ‘‡πŸ‘‡πŸ‘‡

    Project mention: Htmx and the Rule of Least Power | news.ycombinator.com | 2024-04-12

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

  5. arrow-js

    Reactivity without the framework

  6. Equal

    Equal UI is a Vue 3 UI library empowered by Tailwindcss

    Project mention: Mastering Responsive Design: Best Practices for 2025 | dev.to | 2024-12-21

    Equal UI: A framework that ensures consistency and adaptability.

  7. react-spring-bottom-sheet

    Accessible ♿️, Delightful ✨, & Fast πŸš€

    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

  8. xlayers

    ✨ Generate code from your design

  9. react-cool-img

    😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!

  10. 7GUIs

  11. ux-swup

    Swup integration for Symfony

  12. pageblox-react

    Generate preview links with a real-time review interface

  13. fold

    The zero-dependency React UI library for product teams. πŸš€ (by fold-dev)

    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

  14. chatstr-client

    Community Platform for Nostr and Bitcoin [UI Client]

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 Ux discussion

Log in or Post with

TypeScript Ux related posts

  • Reusable form inputs with React Hook Form and TypeScript

    3 projects | dev.to | 7 Oct 2024
  • Form Validation In TypeScipt Projects Using Zod and React Hook Form

    7 projects | dev.to | 18 Jul 2024
  • Introducing the Enhanced @nipe-solutions/react-spring-bottom-sheet: Now Supporting React 18 and XState v5

    3 projects | dev.to | 22 Apr 2024
  • Shoelace: A forward-thinking library of web components

    3 projects | news.ycombinator.com | 10 Jan 2024
  • Ask HN: Is there something like shadcn/UI for vanilla HTML and JavaScript?

    1 project | news.ycombinator.com | 15 Nov 2023
  • Lit 3 Release Announcement

    9 projects | news.ycombinator.com | 10 Oct 2023
  • Shoelace: A forward-thinking library of web components

    1 project | news.ycombinator.com | 7 Oct 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 23 Jan 2025
    SaaSHub helps you find the best software and product alternatives Learn more β†’

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

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

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?