TypeScript UI

Open-source TypeScript projects categorized as UI

Top 23 TypeScript UI Projects

  • storybook

    Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

    Project mention: Top 10 React Libraries and Tools You Should Know in 2024 | dev.to | 2024-06-20

    Website: Storybook

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

    InfluxDB logo
  • shadcn/ui

    Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

    Project mention: Show HN: Shade/Bs – Modern Web UIs Without Node.js | news.ycombinator.com | 2024-07-21

    This looks like a shameless clone of shadcn/ui plus you're charging money for it.

    https://ui.shadcn.com/

  • vuetify

    πŸ‰ Vue Component Framework

    Project mention: Awesome UI Kits for JavaScript Runtimes | dev.to | 2024-07-05

    Vuetify

  • Portainer

    Making Docker and Kubernetes management easy.

    Project mention: 26 Top Kubernetes Tools | dev.to | 2024-06-12

    Portainer is a container management platform that provides a powerful web interface to administer your workloads. It natively supports Kubernetes environments to help you manage your Pods, Deployments, Helm charts, and other cluster resources. Portainer also provides robust RBAC capabilities and an external authentication layer, letting you grant team members access to Kubernetes through Portainer without directly exposing your cluster.

  • Editor.js

    A block-style editor with clean JSON output

    Project mention: Extending PHP Faker Library to define custom data structures using Laravel 11 | dev.to | 2024-06-06

    Recently I've dealt with EditorJS and had to save the JSON data it provides in my database, so I ended up having to fake some of the data in order to easily make some assertions during testing.

  • docz

    ✍ It has never been so easy to document your things!

  • recharts

    Redefined chart library built with React and D3

    Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29

    Chartjs looks great, but I've never used it so can't recommend personally. I've used https://recharts.org a lot with success.

  • SaaSHub

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

    SaaSHub logo
  • SweetAlert

    A beautiful replacement for JavaScript's "alert"

    Project mention: Show HN: A game to pick a favorite from a list | news.ycombinator.com | 2024-05-05

    Sunday morning programming fun. Created a little game to compare items from a list head-to-head and pick a winner. Inspired from social media short videos where people choose their favourite food, song, holiday destination etc. There are some example lists of cities, movies, actors, fragrances etc to play with and you can create your own list of items and play.

    Check it out - https://yash.info/head-to-head.html

    I created it mainly to pick a favourite fragrance from my collection of 50+. Not only is a fun project to build but it also allows me to use some of the interesting libraries and code snippets I find.

    Programming logic wise there’s nothing fancy happening here, just picking a random element from an array and doing some JS and CSS around that.

    New thing that I got to learn was generating a random color of a specific type (pastel, fluorescent, light) by playing with HSL values in a specific range instead of the RGB.

    Discovered https://arraythis.com to convert a list to a JS array.

    Used SweetAlert https://sweetalert.js.org for alert messages.

    Been coding for 20+ years and such little projects still give me the joy of creation plus you always learn/find something that you did not know yesterday.

  • @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Top 23 React UI Component Libraries for Your Next ProjectπŸš€ | dev.to | 2024-05-30

    5. Blueprint

  • primitives

    Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

    Project mention: Headless UI alternatives: Radix Primitives, React Aria, Ark UI | dev.to | 2024-07-09

    Radix Primitives is a library of unstyled React components built by the team behind Radix UI, a UI library with fully styled and customizable components. According to its website, the Node.js, Vercel, and Supabase teams all use Radix Primitives. The library has 14.8K stars on GitHub.

  • React Intl

    The monorepo home to all of the FormatJS related libraries, most notably react-intl.

    Project mention: "Polyfill.io sold to a weird Chinese company and should no longer be recommended | news.ycombinator.com | 2024-06-26
  • react-jsonschema-form

    A React component for building Web forms from JSON Schema.

    Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08

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

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

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

    Project mention: Frontend resources! πŸš€ | dev.to | 2024-05-25

    Auto Animate JS Nativo: Effortlessly animate elements with vanilla JavaScript

  • tamagui

    Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

    Project mention: Unistyles vs. Tamagui for cross-platform React Native styles | dev.to | 2024-06-12

    Tamagui is a UI library that makes it easier for you to build UIs for React Native apps that work on both mobile and web platforms. It provides a suite of pre-built components, a powerful styling system, theming capabilities, and media queries for designing responsive applications.

  • cosmos-js

    Sandbox for developing and testing UI components in isolation

    Project mention: 13 best React debugging tools | dev.to | 2024-01-03

    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

    :boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode

    Project mention: The big Angular UI library comparison πŸ“š | dev.to | 2023-12-11

    Nebular (MIT license)

  • kittenTricks

    React Native starter kit with over 40 screens and modern Light and Dark theme for creating stunning cross-platform mobile applications.

  • arwes

    Futuristic Sci-Fi UI Web Framework.

  • React95

    πŸŒˆπŸ•Ή Windows 95 style UI component library for React

  • react-native-ui-lib

    UI Components Library for React Native

  • chainlit

    Build Conversational AI in minutes ⚑️

    Project mention: Chat with your Github Repo using llama_index and chainlit | dev.to | 2024-04-17

    chainlit is open source project that makes it very easy to build frontend interfaces like chatgpt and other features that are required for conversational ai app, so we can focus on the core part and don't need to worry about basic things, and it is dead simple to work with

  • graphql-editor

    πŸ“Ί Visual Editor & GraphQL IDE.

    Project mention: Navigable graph view for any GraphQL schema | news.ycombinator.com | 2023-10-19
  • SaaSHub

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

    SaaSHub logo
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 UI discussion

Log in or Post with

TypeScript UI related posts

  • How to Integrate Analytics into a React/NextJS Application

    1 project | dev.to | 21 Jul 2024
  • Building UIs with Franken UI, a Shadcn alternative

    3 projects | dev.to | 15 Jul 2024
  • Flutter Design Systems: Exploring Modern Alternatives to Material Design

    2 projects | dev.to | 15 Jul 2024
  • Show HN: Coordinates on Each Lichess Board Square (Chrome Extension)

    1 project | news.ycombinator.com | 9 Jul 2024
  • Headless UI alternatives: Radix Primitives, React Aria, Ark UI

    7 projects | dev.to | 9 Jul 2024
  • Building a Dynamic Work Budget Feature with React and NodeJS

    1 project | dev.to | 30 Jun 2024
  • Leverage AI with Twilio for Hotelier

    10 projects | dev.to | 23 Jun 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 22 Jul 2024
    SaaSHub helps you find the best software and product alternatives Learn more β†’

Index

What are some of the best open-source UI projects in TypeScript? This list will help you:

Project Stars
1 storybook 83,527
2 shadcn/ui 64,513
3 vuetify 39,421
4 Portainer 29,798
5 Editor.js 27,685
6 docz 23,555
7 recharts 23,317
8 SweetAlert 22,395
9 @blueprintjs/core 20,549
10 primitives 14,940
11 React Intl 14,150
12 react-jsonschema-form 13,957
13 shoelace-css 12,357
14 auto-animate 12,018
15 tamagui 10,560
16 cosmos-js 8,183
17 nebular 8,035
18 kittenTricks 7,129
19 arwes 7,036
20 React95 6,521
21 react-native-ui-lib 6,324
22 chainlit 6,242
23 graphql-editor 5,962

Sponsored
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.
www.influxdata.com

Did you konow that TypeScript is
the 2nd most popular programming language
based on number of metions?