Frontend

Open-source projects categorized as Frontend
Edit details
Language: + TypeScript + JavaScript + Vue + CSS + PHP
Topics: JavaScript React TypeScript CSS HTML
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
featured

Top 23 Frontend Open-Source Projects

  • React

    The library for web and native user interfaces.

    • Project mention: Mastering React: A Mindset for Component-Centric Development | dev.to | 2024-05-28

    For further insights, refer to the React documentation to learn more about the library.

  • 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: Switching to Vite from React-Scripts | dev.to | 2024-05-26

    I have a silly react project that Iโ€™m working on that I made using create-react-app. By default, these kinds of projects build and run using react-scripts which uses webpack under the hood for building projects. Vite is generally known to be faster than Webpack โšก so I was curious about how to swap them.

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

  • 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

  • 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: How to Manage and Migrate Docker Volumes for PostgreSQL | dev.to | 2024-05-28

    Full Stack FastAPI Template

  • 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: UX Case Study: Markdown Heading | dev.to | 2024-04-27

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

  • 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: Open-Source Components for TailwindCSS | news.ycombinator.com | 2024-05-07

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

  • it-tools

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

    • Project mention: IT Tools โ€“ Handy online tools for developers. Great UI/UX, no tracking and free | news.ycombinator.com | 2024-05-15

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

  • 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

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

Frontend related posts

  • Mastering React: A Mindset for Component-Centric Development

    2 projects | dev.to | 28 May 2024

  • Comment bien gรฉrer les erreurs avec Remix ? (ErrorBoundary)

    1 project | dev.to | 25 May 2024

  • Series - Converting Large Codebase Project to Vite

    2 projects | dev.to | 24 May 2024

  • Introduction to Frontend: React, Creating a Single Page App

    1 project | dev.to | 22 May 2024

  • The Emergence of JavaScript Frameworks & Libraries

    1 project | dev.to | 20 May 2024

  • Implement React v18 from Scratch Using WASM and Rust - [13] Implement Lane and Batch Update

    2 projects | dev.to | 17 May 2024

  • React Compiler - New Hero?

    1 project | dev.to | 16 May 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 29 May 2024
    SaaSHub helps you find the best software and product alternatives Learn more โ†’

Index

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

Project Stars
1 React 223,386
2 Vue.js 207,147
3 Front-End-Checklist 67,662
4 vite 65,232
5 Ionic Framework 50,511
6 frontend-dev-bookmarks 41,185
7 awesome-cheatsheets 37,803
8 gold-miner 33,440
9 expo 29,813
10 iview 23,976
11 full-stack-fastapi-template 23,673
12 ant-design-vue 19,702
13 TOAST UI Editor 16,806
14 Front-End-Performance-Checklist 16,439
15 marko 13,198
16 TW-Elements 12,714
17 tachyons 11,598
18 it-tools 16,716
19 tui.calendar 11,547
20 gdbgui 9,712
21 material-design-for-bootstrap 9,369
22 Awsome-Front-End-learning-resource 9,220
23 gremlins.js 8,997

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