TypeScript front-end

Open-source TypeScript projects categorized as front-end

Top 23 TypeScript front-end Projects

  1. Bit

    A build system for development of composable software.

    Project mention: Micro Frontends: Enabling Scalable and Autonomous Development with Build-Time Integration | dev.to | 2025-02-18

    Using Bit and Bit Platform, components are shared and synced across separate repositories, allowing you to treat your poly-repo setup as one single virtual monorepo.

  2. 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
  3. playroom

    Design with JSX, powered by your own component library.

  4. Killed by Google

    Part guillotine, part graveyard for Google's doomed apps, services, and hardware.

    Project mention: Gemini Robotics brings AI into the physical world | news.ycombinator.com | 2025-03-12

    Google had really great products, that almost everyone I knew used, then they scrapped them for new shiny thing that competed. The one that angers me most is Google Talk, it used to work with any XMPP client, until it did not, and now its long since dead. They made their own version of tinychat (hangouts) and then mostly killed that too.

    Obligatory overview of things Google has killed, because its easy to forget some of the gems:

    https://killedbygoogle.com/

  5. react-print-pdf

    Build and generate PDF using React 📄 UI kit for PDFs and print documents. Simple, reusable components and templates to create great invoices, docs, brochures. Use your favorite front-end framework React to build your next PDF.

    Project mention: HTML to PDF renderers: A simple comparison | dev.to | 2024-03-26

    For this comparison we decided to use a simple example of HTML document with some specific CSS styles (fonts, margins, etc.) and a header and footer. We used the react-print-pdf library to design the HTML document using React components. Especially, we re-used the advanced invoice with QR code template from the reac-print-pdf library. We then converted this HTML document to PDF using each of the four libraries and compared both the process required to generate the PDF and the quality of the output. We run the experiment on a MacBook Pro with Apple M1 Pro chip, 32 GB of RAM, using Node.js v20.11.0. We used chromium as the browser for Puppeteer and Playwright.

  6. braid-design-system

    Themeable design system for the SEEK Group

  7. ng-mocks

    Angular testing library for mocking components, directives, pipes, services and facilitating TestBed setup

    Project mention: The most valuable developer in the team is … | dev.to | 2024-09-04

    providing the mocks might require a lot of cumbersome code in some cases. It makes sense to use extra tools to simplify it. For instance, ng-mocks for Angular

  8. functional-ui-kit

    Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

  9. SaaSHub

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

    SaaSHub logo
  10. fronts

    A progressive micro frontends framework for building Web applications

  11. libremdb

    A free & open source IMDb front-end.

    Project mention: DeGoogling 2024: Replacing Photos, Gmail, and Search | news.ycombinator.com | 2024-06-10

    I've been fully de-googled for years

    some friends dont or cant avoid google so I install:

    Gapps Browser by Toby Kurien if they want a de-googled phone

    Its a sandboxed web apps for google stuff. So you can use google maps, gmail ext without having any google on your phone. Its on F-Droid.

    Replace youtube with:

    plenty of open source apps to view youtube

    newpipe for android. no ads, no waiting, no data collection

    or use an:

    invidious front end instance.

    I use the LibDirect addon for firefox.

    you can set it to redirect away from most annoying big tech sites.

    once set, you can choose many links, you choose, if you click any link it autoimatically rediects to the site you want:

    I have set it like this:

    reddit goes to https://reddit.simo.sh

    youtube goes to https://invidious.private.coffee

    goodreads goes to https://biblioreads.ml

    IMDB to goes https://libremdb.iket.me

    Stack overflow goes to https://libremdb.iket.me

    a much cleaner experience

  12. react-tree

    Hierarchical tree component for React in Typescript (by naisutech)

  13. single-spa-angular

    Helpers for building single-spa applications which use Angular

  14. pianochord.io

    A pure frontend Web Application for people to browse through a large collection of piano chords

  15. ts-odd

    An SDK for building apps with decentralized identity and storage.

  16. cloudflare-starter-kit

    Template (boilerplate) repository for scaffolding Cloudflare Workers projects

  17. holy-loader

    Holy Loader is a lightweight, customizable top-loader / top loading progress bar component for React / Next.js 13 & Next.js 14

  18. starfx

    A micro-mvc framework for react apps

    Project mention: React v19 has been released | news.ycombinator.com | 2024-12-05
  19. crystalize.js

    A reducer on steroids, but if reducers had undo/redo and time-travel.

  20. Interface X

    Commerce Search & Discovery frontend web components (by empathyco)

  21. react-ts-starter

    This is a simple but advanced, modern, and exciting starter for a React project with TypeScript. It includes a basic setup for a React project with TypeScript, ESLint, Prettier, and shadcn/ui, also supercharging with vite's plugins (by yeasin2002)

    Project mention: The Perfect React-TypeScript Starter Template for your Vite projects | dev.to | 2025-01-16

    Link: https://github.com/yeasin2002/react-ts-starter

  22. react-ui-boilerplate

    The boilerplate to help you build React UI library and publish to NPM automatically.

  23. google-gemini-ui

    Basic UI to chat with Google Gemini AI

  24. stark

    Modern client-side Web application framework based on Angular, Angular Material / Material Design, TypeScript, Redux, RxJS, ...

  25. react-native-poll

    Voting and poll library for React Native with fully customizable options

  26. 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 front-end discussion

Log in or Post with

TypeScript front-end related posts

  • Apple to Build A.I. Servers in Houston and Spend $500B in U.S.

    1 project | news.ycombinator.com | 24 Feb 2025
  • Micro Frontends: Enabling Scalable and Autonomous Development with Build-Time Integration

    2 projects | dev.to | 18 Feb 2025
  • Bit: Compose performant, consistent platforms from independent business features

    1 project | news.ycombinator.com | 15 Feb 2025
  • Leaking the email of any YouTube user for $10,000

    1 project | news.ycombinator.com | 12 Feb 2025
  • Google Graveyard Being Sunset

    1 project | news.ycombinator.com | 15 Jan 2025
  • From Specific to Reusable: Transforming UI Components with Bit

    1 project | dev.to | 8 Jan 2025
  • You don't need Next.js – Why we migrated from Next to React

    1 project | news.ycombinator.com | 1 Jan 2025
  • A note from our sponsor - SaaSHub
    www.saashub.com | 17 Mar 2025
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

# Project Stars
1 Bit 18,024
2 playroom 4,510
3 Killed by Google 2,535
4 react-print-pdf 2,386
5 braid-design-system 1,536
6 ng-mocks 1,101
7 functional-ui-kit 608
8 fronts 484
9 libremdb 325
10 react-tree 206
11 single-spa-angular 205
12 pianochord.io 183
13 ts-odd 176
14 cloudflare-starter-kit 122
15 holy-loader 121
16 starfx 103
17 crystalize.js 99
18 Interface X 81
19 react-ts-starter 61
20 react-ui-boilerplate 57
21 google-gemini-ui 55
22 stark 55
23 react-native-poll 54

Sponsored
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.ai