Frontend

Open-source projects categorized as Frontend
Edit details
Language: + TypeScript + JavaScript + Vue + CSS + PHP
Topics: JavaScript React TypeScript CSS HTML
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com
Sponsored

Top 23 Frontend Open-Source Projects

  • React

    The library for web and native user interfaces.

    • Project mention: React 18.3.0 Is Out | news.ycombinator.com | 2024-04-25

    Oddly, no info on changelog: https://github.com/facebook/react/blob/main/CHANGELOG.md

  • 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

  • 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

  • Front-End-Checklist

    ๐Ÿ—‚ The perfect Front-End Checklist for modern websites and meticulous developers

    • Project mention: Is there some form of checklist when creating an optimal website? | /r/webdev | 2023-06-28

    Checklist

  • vite

    Next generation frontend tooling. It's fast!

    • Project mention: Setup React Typescript with Vite & ESLint | dev.to | 2024-04-25

    import { defineConfig } from 'vite' import react from '@vitejs/plugin-react-swc' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], server: { port: 3000 }, css: { devSourcemap: true }, resolve: { alias: { '~': path.resolve(__dirname, './src') } } })

  • 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.

  • frontend-dev-bookmarks

    Manually curated collection of resources for frontend web developers.

  • awesome-cheatsheets

    ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

    • Project mention: 2024 Cheat Sheet Collection | dev.to | 2024-03-16

    Awesome Cheat Sheets: This curated list of cheat sheets covers a wide range of topics, including programming languages, frameworks, databases, and more, making it a valuable resource for developers of all levels.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo

  • gold-miner

    ๐Ÿฅ‡ๆŽ˜้‡‘็ฟป่ฏ‘่ฎกๅˆ’๏ผŒๅฏ่ƒฝๆ˜ฏไธ–็•Œๆœ€ๅคงๆœ€ๅฅฝ็š„่‹ฑ่ฏ‘ไธญๆŠ€ๆœฏ็คพๅŒบ๏ผŒๆœ€ๆ‡‚่ฏป่€…ๅ’Œ่ฏ‘่€…็š„็ฟป่ฏ‘ๅนณๅฐ๏ผš

  • 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

  • iview

    A high quality UI Toolkit built on Vue.js 2.0

  • 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

  • ant-design-vue

    ๐ŸŒˆ An enterprise-class UI components based on Ant Design and Vue. ๐Ÿœ

    • Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-29

    8. Ant Design Vue Ant Design Vue is the Vue.js implementation of Ant Design, a popular UI library for React. It provides high-quality components and a polished UI experience. Visit the Ant Design Vue website for more details.

  • TOAST UI Editor

    ๐Ÿž๐Ÿ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

    • Project mention: I'm making a GlowUI text editor to get back into coding | /r/Windows11 | 2023-06-09

    If you need a WYSIWYG markdown editor you can try Toast UI Editor or simply use Markdown Live add-on for Visual Studio Code

  • Front-End-Performance-Checklist

    ๐ŸŽฎ The only Front-End Performance Checklist that runs faster than the others

  • marko

    A declarative, HTML-based language that makes building web apps fun

    • Project mention: The Best UI Libraries for Cross-Platform Apps with Tauri | dev.to | 2023-08-04

    SolidJS and Tauri form another potent combination for creating performant, lightweight, and secure experiences. SolidJS is a reactive UI library that is similar to Svelte in the way it compiles away reactivity and updates the DOM directly, but it also incorporates a fine-grained reactivity system reminiscent of libraries like Marko, Knockout, and MobX.

  • TW-Elements

    ๐™ƒ๐™ช๐™œ๐™š collection of Tailwind MIT licensed (free) components, sections and templates ๐Ÿ˜Ž

    • Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-10-30

    I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!

  • tachyons

    Functional css for humans

    • Project mention: Kicking the tires with NestJS and Hotwire: Part II | dev.to | 2023-11-15

    I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller.

  • 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?

  • it-tools

    Collection of handy online tools for developers, with great UX.

    • Project mention: DevToysโ€“A Swiss army knife for developers | news.ycombinator.com | 2023-08-29

    Or https://it-tools.tech

  • 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.

  • material-design-for-bootstrap

    Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

  • Awsome-Front-End-learning-resource

    :octocat:GitHubๆœ€ๅ…จ็š„ๅ‰็ซฏ่ต„ๆบๆฑ‡ๆ€ปไป“ๅบ“๏ผˆๅŒ…ๆ‹ฌๅ‰็ซฏๅญฆไน ใ€ๅผ€ๅ‘่ต„ๆบใ€ๆฑ‚่Œ้ข่ฏ•็ญ‰๏ผ‰

  • gremlins.js

    Monkey testing library for web apps and Node.js

  • 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
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).

Frontend related posts

Index

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

Project Stars
1 React 221,803
2 Vue.js 206,951
3 Front-End-Checklist 67,446
4 vite 64,595
5 Ionic Framework 50,410
6 frontend-dev-bookmarks 40,957
7 awesome-cheatsheets 37,460
8 gold-miner 33,359
9 expo 28,914
10 iview 23,975
11 full-stack-fastapi-template 22,914
12 ant-design-vue 19,590
13 TOAST UI Editor 16,759
14 Front-End-Performance-Checklist 16,402
15 marko 13,155
16 TW-Elements 12,643
17 tachyons 11,585
18 tui.calendar 11,439
19 it-tools 10,637
20 gdbgui 9,695
21 material-design-for-bootstrap 9,389
22 Awsome-Front-End-learning-resource 9,192
23 gremlins.js 8,990

Sponsored
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.
www.influxdata.com