TypeScript front-end

Open-source TypeScript projects categorized as front-end

Top 20 TypeScript front-end Projects

  • Bit

    A tool for composable software development.

    Project mention: Vue vs React: Which Framework Should You Choose? | reddit.com/r/u_softwareplanetgroup | 2023-01-24


  • playroom

    Design with JSX, powered by your own component library.

    Project mention: Using NPM Programatically | dev.to | 2022-08-20

    In my day job, as part of our design system library ecosystem, we're building an internal code sandbox (think of it as a mix between Seek OSS Playroom and QuickPaste). It allows our users try the components from our component library (let's call it @wtf-ds/core) and any other supplementary React code right there in the browser, without having to create a new project in their own environment.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Killed by Google

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

    Project mention: Meta shutting down ‘Echo VR’, killing #1 VR esport | reddit.com/r/OculusQuest | 2023-02-01

    The same kind of great reason behind Google killing at least 281 of the products and companies they built or bought? Sometimes these big companies are just shortsighted.

  • braid-design-system

    Themeable design system for the SEEK Group

    Project mention: Recommendations for a really great Design System/Component Library? | reddit.com/r/webdev | 2022-06-09

    Some of my favourites so far are.. https://seek-oss.github.io/braid-design-system/ https://carbondesignsystem.com/

  • ng-mocks

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

    Project mention: Services needed in every components unit test | reddit.com/r/Angular2 | 2023-01-27

    No neither of those. You're unit testing the component, so you don't want any external interference. You can create a mock version of the service, I like using ng-mocks to simplify a lot of this: https://www.npmjs.com/package/ng-mocks

  • fronts

    A progressive micro frontends framework for building Web applications

  • walker.js

    Simple & lightweight tracking implementation layer based on attributes

    Project mention: Webflow + Walker.js | dev.to | 2022-11-24
  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • react-tree

    Hierarchical tree component for React in Typescript (by naisutech)

  • webnative

    An SDK for building apps with decentralized identity and storage.

    Project mention: TBD Web5 | news.ycombinator.com | 2022-06-10


    Seems to have a fair bit of crossover with what the Fission team is doing. Yesterday I stumbled upon a web page re: a presentation[1] that a key Fission dev/founder (former Ethereum Core Dev) will be making in late September:

    I ended up spending some time playing with Fission Drive[2] and looking at their Guide[3], and just generally reading their dev[4] and marketing materials[5].

    Anyway, looking at the Web5 site, it seem to strike some of the same notes.

    I'm not affiliated with or participating with Fission in any way, but am working as part of a team developing a decentralized storage protocol focused on durability.

    [1] https://www.thestrangeloop.com/2022/a-distributed-file-syste...

    [2] https://drive.fission.codes/

    [3] https://guide.fission.codes/

    [4] https://github.com/fission-suite

    [5] https://fission.codes/

  • libremdb

    A free & open source IMDb front-end.

    Project mention: IMDB Frontend | reddit.com/r/privacy | 2022-10-15
  • frontend-starter-kit

    The building blocks of front-end development at Springload

  • Interface X

    Commerce Search & Discovery frontend web components (by empathyco)

    Project mention: search-ui VS x - a user suggested alternative | libhunt.com/r/search-ui | 2022-03-30

    Interface X has the same goal as elastic Search UI but with deeper features and configuration

  • stark

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

    Project mention: What are some great Angular codebases? | reddit.com/r/angular | 2022-05-26

    Here's a meta framework for enterprise Angular apps: https://github.com/NationalBankBelgium/stark

  • react-ui-boilerplate

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

    Project mention: React UI component library boilerplate | reddit.com/r/reactjs | 2022-09-14

    And while your unit tests are at least there, they don't seem to do anything useful. You're just testing React.

  • Coher3nTS Project

    Cross-platform project template using Electron and Angular with the Phaser game engine. Project has Flexbox integrated for easy and responsive organization of components around the Phaser canvas.

  • frontend-monorepo

    Toolkit for building apps that interact with Vega

    Project mention: AG Grid Community Update June 2022 | dev.to | 2022-07-06

    The vega blockchain protocol tool uses AG Grid in its frontend.

  • mozaik

    🔮 State manager for write good code. Best from redux, mobx and mobx-state-tree (by FireworksX)

  • frontend-tools

    listed tools for webdev (focus on frontend)

  • slovovyr

    Next Full Stack project

    Project mention: SLOVOVYR PROJECT / СЛОВОВИР | reddit.com/r/u_Todorchuk | 2022-08-17
  • skeletor

    A simple CLI tool for generating front end design system packages. (by kemaldotearth)

    Project mention: Show HN: Skeletor CLI | news.ycombinator.com | 2022-12-07
  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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-02-01.

TypeScript front-end related posts


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

Project Stars
1 Bit 16,275
2 playroom 4,245
3 Killed by Google 1,915
4 braid-design-system 1,356
5 ng-mocks 797
6 fronts 502
7 walker.js 191
8 react-tree 180
9 webnative 127
10 libremdb 125
11 frontend-starter-kit 120
12 Interface X 60
13 stark 52
14 react-ui-boilerplate 35
15 Coher3nTS Project 18
16 frontend-monorepo 17
17 mozaik 8
18 frontend-tools 4
19 slovovyr 1
20 skeletor 1
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.