TypeScript Frontend

Open-source TypeScript projects categorized as Frontend
Edit details
Topics: TypeScript React JavaScript Angular HacktoberFest
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured

Top 23 TypeScript Frontend Projects

  • Vue.js

    This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

    • Project mention: Here are the 10 projects I am contributing to over the next 6 months. Share yours | dev.to | 2024-04-13

    Vuejs

  • vite

    Next generation frontend tooling. It's fast!

    • Project mention: Svelte Series-2: How to install Svelte | dev.to | 2024-05-20

    After we have installed the Node environment, we can use Vite to install. Because the use of Vite has a higher version of Node.js requirements, so I recommend that you install a relatively new Node.js. currently I use the version for v18.15.0.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    • Project mention: Design Systems with Web Components | dev.to | 2023-12-18

    I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount of surprise, so I thought I would break down what a Design System is and why it doesn't matter which end you start with, as long as you have both your Design and Development teams working together to build your Design System.

  • expo

    An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.

    • Project mention: Como Foi O Front In Floripa? 🤔 | dev.to | 2023-11-28

  • full-stack-fastapi-template

    Full stack, modern web application template. Using FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions, automatic HTTPS and more.

    • Project mention: Building a Secure API with FastAPI, PostgreSQL, and Hanko Authentication | dev.to | 2023-10-30

    This project is a modification of the authentication flow of the awesome repository made by tiangolo at full-stack-fastapi-postgresql

  • TOAST UI Editor

    🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

    • Project mention: UX Case Study: Markdown Heading | dev.to | 2024-04-27

    A step in that direction can be seen in TOAST UI editor:

  • tui.calendar

    🍞📅A JavaScript calendar that has everything you need.

    • Project mention: Show HN: I built an open source web calendar inspired by the Google calendar | news.ycombinator.com | 2024-01-02

    There is a similar but established library already: https://github.com/nhn/tui.calendar. Did you take a look at that one before starting your own? If yes, what were you missing?

  • 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

  • gdbgui

    Browser-based frontend to gdb (gnu debugger). Add breakpoints, view the stack, visualize data structures, and more in C, C++, Go, Rust, and Fortran. Run gdbgui from the terminal and a new tab will open in your browser.

  • ng-zorro-antd

    Angular UI Component Library based on Ant Design

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

    Ant Design: A solid option that is been used by a lot of heavy hitters, such as Tencent, Baidu, AliBaba, and more. Supports all modern browsers, SSR, esm, and even Electron. Has also community implementations for Angular, Vue, and more. Does use CSS-in-JS, so expect runtime overhead as well as AntD ways of doing things.

  • builder

    Drag and drop headless CMS for React, Vue, Svelte, Qwik, and more

    • Project mention: Introducing GPT Crawler - Turn Any Site Into a Custom GPT With Just a URL | dev.to | 2023-12-21

    I created my first custom GPT based on the Builder.io docs site, forum, and example projects on github and it can now answer detailed questions with code snippets about integrating Builder.io into your site or app. You can try it here (currently requires a paid ChatGPT plan).

  • plasmic

    Visual builder for React. Build apps, websites, and content. Integrate with your codebase.

    • Project mention: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev | dev.to | 2024-02-05

    Plasmic - A fast, easy-to-use, robust web design tool and page builder that integrates into your codebase. Build responsive pages or complex components; optionally extend with code; and publish to production sites and apps.

  • frontend

    :lollipop: Frontend for Home Assistant (by home-assistant)

  • OverlayScrollbars

    A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

  • smooth-scrollbar

    Customizable, Extendable, and High-Performance JavaScript-Based Scrollbar Solution.

  • meli

    Platform for deploying static sites and frontend applications easily. Automatic SSL, deploy previews, reverse proxy, and more.

    • Project mention: Quantum alternatives - coolify and meli | libhunt.com/r/rodyherrera/Quantum | 2024-03-12

  • jest-preview

    Debug your Jest tests. Effortlessly.🛠🖼

  • dokploy

    Open Source Alternative to Vercel, Netlify and Heroku.

    • Project mention: FLaNK-AIM Weekly 13 May 2024 | dev.to | 2024-05-13

  • user-event

    🐕 Simulate user events

  • icestark

    :tiger: Micro Frontends solution for large application（面向大型应用的微前端解决方案），站点国内镜像：https://icestark.gitee.io

  • saas-boilerplate

    SaaS Boilerplate - Open Source and free SaaS stack that lets you build SaaS products faster in React, Django and AWS. Focus on essential business logic instead of coding repeatable features!

    • Project mention: Ask HN: Can anyone suggest few open source projects for SaaS Boilerplate? | news.ycombinator.com | 2024-04-17

  • ng-devui

    Angular UI Component Library based on DevUI Design (by DevCloudFE)

  • piral

    Framework for next generation web apps using micro frontends. :rocket:

    • Project mention: Micro frontend frameworks in 2024 | dev.to | 2024-03-13

    Piral Framework - Focused on developer experience with features like a visual UI editor, live previews and hot module replacement. Ref - https://piral.io/

  • watching-you

    watching-you is a javascript library for building animations that watch anything on DOM 👀.

  • 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 Frontend related posts

  • Build Your Own React.js in 400 Lines of Code

    3 projects | dev.to | 15 May 2024

  • React TypeScript - Vite + React

    1 project | dev.to | 8 May 2024

  • I Disappear

    3 projects | dev.to | 6 May 2024

  • Inflight Magazine no. 9

    5 projects | dev.to | 1 May 2024

  • Setup React Typescript with Vite & ESLint

    1 project | dev.to | 25 Apr 2024

  • Use CSS Variables to style react components on demand

    1 project | dev.to | 16 Apr 2024

  • Ask HN: How do we include JavaScript scripts in a browser these days?

    1 project | news.ycombinator.com | 13 Apr 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 20 May 2024
    With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

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

Project Stars
1 Vue.js 207,096
2 vite 65,146
3 Ionic Framework 50,475
4 expo 29,553
5 full-stack-fastapi-template 23,404
6 TOAST UI Editor 16,798
7 tui.calendar 11,503
8 gdbgui 9,708
9 ng-zorro-antd 8,763
10 builder 6,777
11 plasmic 4,227
12 frontend 3,727
13 OverlayScrollbars 3,558
14 smooth-scrollbar 3,288
15 meli 2,376
16 jest-preview 2,298
17 dokploy 3,414
18 user-event 2,126
19 icestark 2,009
20 saas-boilerplate 1,764
21 ng-devui 1,723
22 piral 1,632
23 watching-you 1,577

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com