TypeScript Component

Open-source TypeScript projects categorized as Component

Top 23 TypeScript Component Projects

  1. chakra-ui

    Chakra UI is a component system for building products with speed ⚑️

    Project mention: Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025 | dev.to | 2025-04-14

    Use accessible-first design systems like Material UI or Chakra UI.

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management β€” all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. react-native-gifted-chat

    πŸ’¬ The most complete chat UI for React Native

    Project mention: Use Generative AI in React Native: Create Mistral AI Mobile app | dev.to | 2024-11-23

    step 4: create your UI we are using Gifted Chat to display answers. read more here in their package: https://github.com/FaridSafi/react-native-gifted-chat/

  4. material-web

    Material Design Web Components

    Project mention: The Google Fit APIs will no longer be available after June 30, 2025 | news.ycombinator.com | 2024-08-27

    Just in recent months:

    1. Google no longer developing Material Web Components (https://github.com/material-components/material-web/discussi...)

    2. Google Drops Support for Flutter

    3. Google Drops Support for Dart (https://stackademic.com/blog/google-drops-support-for-flutte...)

    4. And what else I did not hear about ...

    Think about the consequences on startups with small budgets ...

  5. emoji-mart

    πŸͺ One component to pick them all

  6. react-day-picker

    DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.

  7. noUiSlider

    noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.

  8. skeleton

    Skeleton is an adaptive design system powered by Tailwind CSS. (by skeletonlabs)

    Project mention: I built a portfolio in minutes with Bolt and Manifest | dev.to | 2025-02-03

    β†’ https://manifest.build/#cta-cloud

  9. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
  10. zag

    Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines

  11. react-resizable-and-movable

    πŸ–± A resizable and draggable component for React.

  12. react-spinners

    A collection of loading spinner components for react

  13. react-infinite-scroll-component

    An awesome Infinite Scroll component in react.

    Project mention: 2024 Guide to Infinite Scrolling in React/Next.js | dev.to | 2024-06-05

    According to react-infinite-scroll-component GitHub page:

  14. react-native-modalize

    A highly customizable modal/bottom sheet that loves scrolling content.

  15. react-widgets

    Polished, feature rich, accessible form inputs built with React

  16. deep-chat

    Fully customizable AI chatbot component for your website

  17. ui

    Franken UI is an open-source library of UI components. Under the hood, it uses UIkit 3 and extended with LitElement. The design is based on shadcn/ui. (by franken-ui)

    Project mention: Building UIs with Franken UI, a Shadcn alternative | dev.to | 2024-07-15

    Created by an independent developer, Sveltecult, Franken UI is still relatively new but is gradually gaining popularity among developers. At the time of writing, it has just over 1K GitHub stars.

  18. vue-promised

    πŸ’ Composable Promises & Promises as components

  19. Reactjs-popup

    React Popup Component - Modals,Tooltips and Menusβ€Šβ€”β€Š All inΒ one

  20. react-movable

    πŸ”€ Drag and drop for your React lists and tables. Accessible. Tiny.

  21. planby

    Planby is a component for a quick implementation of Schedules, Timelines, Electronic Program Guide, Conference / Calendar Planner, Music Events and many more ideas.

    Project mention: 10 Must-Try React Libraries for 2025 πŸš€ | dev.to | 2025-02-19
  22. react-native-credit-card-input

    Easy, cross-platform credit-card input for your React Native Project! Start accepting payment πŸ’° in your app today!

  23. react-cool-inview

    😎 πŸ–₯️ React hook to monitor an element enters or leaves the viewport (or another element).

  24. react-querybuilder

    The Query Builder component for React

    Project mention: Common Expression Language interpreter written in Rust | news.ycombinator.com | 2024-07-12

    there is visual editor which exports cel https://github.com/react-querybuilder/react-querybuilder

  25. inspx

    Pixel perfect layout inspection.

  26. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit 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 Component discussion

Log in or Post with

TypeScript Component related posts

  • FumaDocs React Component to Display Code from Github Repos

    1 project | dev.to | 16 Apr 2025
  • I built a portfolio in minutes with Bolt and Manifest

    5 projects | dev.to | 3 Feb 2025
  • Announcing React SDK v4 with full support for React Server Components

    1 project | dev.to | 22 Nov 2024
  • The Google Fit APIs will no longer be available after June 30, 2025

    1 project | news.ycombinator.com | 27 Aug 2024
  • Building UIs with Franken UI, a Shadcn alternative

    3 projects | dev.to | 15 Jul 2024
  • Parallel DOM: Upgrade your DOM to be multithreaded

    3 projects | news.ycombinator.com | 9 Jul 2024
  • What are Web Components

    2 projects | dev.to | 5 Jul 2024
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 28 Apr 2025
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more β†’

Index

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

# Project Stars
1 chakra-ui 38,984
2 react-native-gifted-chat 13,850
3 material-web 9,809
4 emoji-mart 8,986
5 react-day-picker 6,352
6 noUiSlider 5,741
7 skeleton 5,459
8 zag 4,367
9 react-resizable-and-movable 4,088
10 react-spinners 3,226
11 react-infinite-scroll-component 2,965
12 react-native-modalize 2,869
13 react-widgets 2,355
14 deep-chat 2,198
15 ui 2,120
16 vue-promised 1,927
17 Reactjs-popup 1,813
18 react-movable 1,631
19 planby 1,498
20 react-native-credit-card-input 1,494
21 react-cool-inview 1,468
22 react-querybuilder 1,458
23 inspx 1,428

Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management β€” all implemented with just a few lines of code. Start building today.
www.civic.com

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