TypeScript Components

Open-source TypeScript projects categorized as Components

Top 23 TypeScript Component Projects

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    Project mention: Storybook 7.6 is out! | /r/reactjs | 2023-12-01

    [Storybook 7.6](https://github.com/storybookjs/storybook/releases) is here with increased performance and much more! 🔥 Improved SWC support 🧪 New test utilities and fast build mode 🔼 NextJS SWC + avif support & fixes 🤡 SvelteKit page and navigation mocking ⚛️ React-docgen upgrade 🎨 Controls a11y, background theming, and viewports 🩺 CLI: The doctor is in! 🚫 Addons: Remove React as a peer dependency 🪦 Storyshots and Vue2 deprecated

  • astro

    The web framework that scales with you — Build fast content sites, powerful web applications, dynamic server APIs, and everything in-between ⭐️ Star to support our work!

    Project mention: So You're Interested in Being an Open Source Maintainer | dev.to | 2023-11-21

    Astro has one of the most highly regarded communities because of their willingness to support contributors, create a clear path for contributors, and encourage the growth of the community.

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • shadcn/ui

    Beautifully designed components built with Radix UI and Tailwind CSS.

    Project mention: Show HN: Use shadcn UI in Python Streamlit | news.ycombinator.com | 2023-11-28
  • headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13

    GitHub stars: 22.5k GitHub link: https://github.com/tailwindlabs/headlessui Documentation: https://headlessui.com/

  • vant

    A lightweight, customizable Vue UI library for mobile web apps.

  • @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: An Overview of 25+ UI Component Libraries in 2023 | dev.to | 2023-09-10

    Blueprint : A collection of components for building data-intensive interfaces for desktops. It specifically states that it is not designed to work for mobile. It is most likely better for building internal tools, dashboards, and Electron apps. Blueprint is one of the few libs in this list that has a Date Picker component.

  • office-ui-fabric-react

    Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

    Project mention: Fluent UI React Components v9 | news.ycombinator.com | 2023-11-22
  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  • nextui

    🚀 Beautiful, fast and modern React UI library.

    Project mention: Top React Component UI Libraries to Enhance Your Web Development Projects | dev.to | 2023-11-30

    Next UI stands out as an elegant, swift, and contemporary React UI library. Offering a user-friendly approach to theme customization, it simplifies the process of adjusting colors, fonts, breakpoints, and more. Its performance is enhanced by minimizing unnecessary style props at runtime, setting it apart from other UI libraries.

  • nivo

    nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

    Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31

    Nivo is a data visualization library built on top of D3.js and React. It offers a range of well-designed, customizable charts with great animations, making it suitable for creating visually impressive data visualizations.

  • fast

    The adaptive interface system for modern web experiences.

    Project mention: Shadow DOM: Not by Default | dev.to | 2023-08-18

    This doesn't mean you are required to write vanilla JavaScript web components either. If you are familiar with using Fast or Lit to write web components you can include those libraries in you Enhance application. However, with the introduction of Enhance base classes for the light and shadow DOM you can get the same DX improvements where you write less boilerplate web component code while enabling the sharing of a render method between the SSR and CSR rendering.

  • cosmos-js

    Sandbox for developing and testing UI components in isolation

  • reakit

    Toolkit for building accessible web apps with React

    Project mention: Do you think the future of website development is MERN + Typescript because it uses Typescript as the main programming language? | /r/ExperiencedDevs | 2023-07-08

    Typescript is a mistake. Static typing seemed like such a potentially good thing to add to javascript, but the reality is it's a nightmare to work with. If you don't believe me, go to Reakit's github and tell me the complete set of valid options for creating a tooltip.

  • React95

    🌈🕹 Windows 95 style UI component library for React

    Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09

    There'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

  • react-native-ui-lib

    UI Components Library for React Native

  • ngx-bootstrap

    Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)

    Project mention: Chrome 114.0.5735.91 breaks FortiManager v7.4.0 UI | /r/fortinet | 2023-06-05
  • aleph.js

    The Full-stack Framework in Deno.

    Project mention: I don't get fresh. why can't I use react without commiting to a server side framework? | /r/Deno | 2023-07-01

    Check aleph if you want to use react with deno. But I'd suggest sticking with Node.js and Vite as you'll get less surprises.

  • searchkit

    Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support

    Project mention: Autocomplete – a JavaScript library for building autocomplete experiences | news.ycombinator.com | 2023-06-07

    https://github.com/searchkit/searchkit is an instantsearch adapter for elasticsearch / opensearch

  • alva

    Create living prototypes with code components.

  • ring-ui

    A collection of JetBrains Web UI components

  • unplugin-vue-components

    📲 On-demand components auto importing for Vue

    Project mention: Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2 | /r/vuejs | 2023-06-02
  • blocksuite

    🎨 BlockSuite is an open-source project for block-based collaborative editing.

    Project mention: BlockSuite is the open-source block-based editor | news.ycombinator.com | 2023-07-26
  • taiga-ui

    Angular UI Kit and components library for awesome people

    Project mention: Maskito: a Holy Grail of input masking | dev.to | 2023-07-02

    Our team already has a stock of welcomed projects, especially in the Angular ecosystem, such as Taiga UI, ng-polymorpheus and Web APIs for Angular to name a few. We take them very seriously because they are not pet projects or hobbies (although we love them as if they were). Therefore you can expect our documentation to be easy to navigate, examples to be plentiful and communication to go effortlessly.

  • tail-kit

    Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

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). The latest post mention was on 2023-12-01.

TypeScript Components related posts


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

Project Stars
1 storybook 81,089
2 astro 37,290
3 shadcn/ui 35,966
4 headlessui 22,835
5 vant 22,264
6 @blueprintjs/core 20,177
7 office-ui-fabric-react 16,942
8 nextui 16,888
9 nivo 12,078
10 fast 8,714
11 cosmos-js 7,927
12 reakit 7,318
13 React95 6,069
14 react-native-ui-lib 5,831
15 ngx-bootstrap 5,508
16 aleph.js 5,229
17 searchkit 4,663
18 alva 3,747
19 ring-ui 3,528
20 unplugin-vue-components 3,280
21 blocksuite 3,077
22 taiga-ui 2,850
23 tail-kit 2,779
Learn any GitHub repo in 59 seconds
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.