Web Frontend
Frontend frameworks, libraries and related technologies
freeCodeCamp.org is a donor-supported, open-source platform offering a comprehensive, self-paced curriculum for learning coding and web development. It provides 12 core certifications, including Responsive Web Design, JavaScript Algorithms, Front End Libraries, Data Visualization, and more, each involving hands-on projects and coding challenges. The platform features thousands of interactive exercises, automated testing, and a supportive community with forums, a YouTube channel, and a Discord server. Designed for beginners, it helps users transition into tech careers, with over 40,000 people securing their first developer job. Contributions are welcome, and the project is licensed under BSD-3-Clause, fostering a collaborative learning environment.
Learning how to design scalable systems will help you become a better engineer. This repository is for organizing and collecting resources related to system design. Chinese version
Google's open source cross-platform UI framework, which has features such as reactive programming, hot reloading, and beautiful Material Design design, supports multiple platforms including iOS, Android, Web, and desktop applications.
A stable diffusion web interface, developed based on the grado library, provides a friendly browser interface for users to visualize and operate the stable diffusion model conveniently.
A carefully collected and organized collection of some practical JavaScript code snippets
A framework for building local applications with React
A framework for building cross-platform desktop applications using JavaScript, HTML and CSS. It allows developers to build desktop applications for multiple platforms such as Windows, macOS and Linux using a front-end technology stack, providing developers with rich tools and components to easily develop modern and feature-rich desktop applications.
free-programming-books - free Chinese books on computer programming
A development tool for creating powerful AI applications, it provides APIs for plugins and datasets, as well as an interface for quick engineering and visualization operations. For developers and researchers who want to develop applications, Dify provides convenient tools and interfaces to help them build feature-rich AI applications.
Learn the basics of JavaScript, CSS and HTML with our comprehensive 12-week course brought to you by Microsoft Cloud Advocates. Each 24-lesson includes pre- and post-lesson quizzes, detailed written instructions, solutions, assignments, and more. Our project-based learning approach aims to help you develop practical skills through hands-on construction. Through our effective project teaching method, improve your skills and optimize your knowledge retention.
It collects 86 project ideas for developers to practice and refer to, including 34 junior projects, 32 intermediate projects, and 20 senior projects. Each project is accompanied by a relatively detailed project reference document.
Develop, test, run and bundle JavaScript and TypeScript projects - all with Bun. Bun is an integrated JavaScript runtime and toolkit designed to improve speed, including a bundler, a testing runner, and a package manager compatible with node.js.
The icon library with the most stars on GitHub, it provides rich and diverse icon resources for UI design and front-end development. For designers and developers who need to find high-quality icons, Font Awesome is an essential resource.
A free, open-source, convenient and beautiful API debugging tool based on Node.js. As a powerful tool for debugging interfaces, Hoppscotch improves development efficiency through its intuitive user interface and powerful features. It supports various HTTP request methods, enabling quick problem identification and optimization of API call processes. It is suitable for developers, testers, and anyone who needs to debug APIs.
Data visualization and data exploration platform, providing various visualization templates and interactive dashboards for clearer data presentation; built-in SQL IDE, allowing users to better operate data; API is open and flexible, with high customizability.
33 Concepts Every JavaScript Engineer Should Know, Helping Developers Master JavaScript Concepts
🤖 An open-source, high-performance chatbot framework that supports voice synthesis, multimodal and scalable function call plugin systems. Users can deploy private ChatGPT/LLM web applications with one click for free, providing powerful chatbot features for projects.
Anime.js is a lightweight, fast, and versatile JavaScript animation library designed for creating smooth and dynamic animations. It supports CSS properties, SVG, DOM attributes, and JavaScript objects, offering a simple yet powerful API. The library is modular, allowing developers to import specific functions like `animate`, `stagger`, and `createSpring` for precise control over animations. Key features include support for looping, easing, staggering, and timeline-based animations, as well as utilities for SVG morphing and motion paths. Anime.js is optimized for performance and is compatible with modern JavaScript modules. It is free to use and maintained through community support and sponsorships.
A high-quality open-source Markdown editor with a simple and clean interface, providing real-time preview, multiple themes and editing modes, support for mathematical formulas, emoticons, shortcuts, etc., can export HTML and PDF files, suitable for Windows, macOS and Linux systems.
This project collects the most complete database of ancient Chinese poetry, including works by nearly 14,000 ancient poets from the Tang and Song dynasties, nearly 55,000 Tang poems and 260,000 Song poems. In addition, it also includes 21,050 poems by 1,564 Ci poets from the two Song dynasties.
An end-to-end developer platform built on Docker. It provides a containerized microservice library that can be applied to web, mobile, and backend. Appwrite simplifies the API writing process through a visual interface, creating an efficient development environment for developers while ensuring software security.
C++ JSON library
A powerful front-end tool that allows you to access AJAX, CSS transitions, WebSockets, and server-sent events directly in HTML through attributes. With Htmx, you can build modern user interfaces under simple and powerful hypertext semantics, providing better user experience and interactivity.
A front-end open source technology tutorial, the author provides a step-by-step front-end development guide to help you learn JavaScript development. The content mainly includes front-end development environment configuration, VSCode code editor usage introduction, JavaScript syntax basics, JSON processing, DOM object operations, data visualization project writing, etc.
Front-end Technology Interview Handbook, with Answers
A self-hosted solution for a project that is open source on GitHub, which can be used as an alternative to Heroku and Netlify. It supports reverse proxy, free SSL certificate configuration, multiple common database configurations, one-click installation and upgrade of projects, and other functions. Coolify aims to provide a flexible self-hosted solution that allows developers to easily deploy and manage their applications.
A practical micro online drawing tool. This is a "small but mighty" drawing tool that supports inserting sticky notes, saving progress, generating pictures, and other practical functions for multiple people to collaborate.
An open-source framework for building Android, iOS, and web applications. It integrates best practices from the mobile and web domains, providing developers with powerful tools and features to help them build, scale, and deploy applications more easily. Expo also offers many important features such as hot reloading, device access, push notifications, etc., making application development more efficient and convenient.
A free and open source HTML Dashboard UI toolkit built on Bootstrap 4.
A privacy-first, lightweight note-taking service. Memos provides a simple and powerful way to capture and share your great thoughts. The project focuses on user privacy protection, allowing users to record and manage important information with peace of mind, while providing an easy-to-use interface that makes note-taking and organization simple and efficient.
An easy-to-use web crawler software that provides a graphical interface for users to easily design and execute crawling tasks without writing complex codes. EasySpider offers simple and user-friendly tools to help users quickly scrape the data they need, and supports customized data and exportation, suitable for various crawling applications and data collection needs.
A tool for building customized low-code machine learning (LLM) workflows using a drag-and-drop UI with LangchainJS. It simplifies the development and deployment of machine learning processes, enabling users to design their own machine learning workflows through drag-and-drop operations, thereby enhancing development efficiency.
An elegant JSON data visualization tool. Unlike simply displaying JSON data, this project converts it into a mind map-like form, supporting operations such as zooming in/out, expanding/collapsing, searching nodes, and exporting images. At the same time, it can be quickly deployed as a service to provide users with a more convenient JSON data analysis experience.
Chat-based large language models can interact with third-party systems and dynamically retrieve information.
Novu is an open-source notification infrastructure with a fully functional embedded notification center, providing a unified API that makes it easy to send notifications through multiple channels, including in-app, push, email, SMS, and chat. With Novu, you can create custom workflows and define conditions for each channel to ensure that notifications are sent in the most effective way.
An open-source low-code building platform that can connect to various data sources, helping you quickly build management backends, development tools, enterprise CRM systems, and other types of projects.
A very popular Tailwind CSS component library. As one of the most popular Tailwind CSS component libraries, it has high aesthetics, cleaner HTML and deep customization features. DaisyUI provides rich and beautiful UI components for web developers, simplifying the front-end development process.
A multi-end development solution that follows the React syntax standard, supporting the use of React's development method to write code once and generate applications that can run in WeChat mini-programs, H5, React Native, etc.
An open source calendar alternative. It makes our lives much easier. We use it to schedule business meetings, seminars, yoga classes, and even call family members. However, most tools are very limited in terms of control and customization.
Plane is a simple, scalable, and open-source project and product management tool. It provides basic task tracking functionality that allows users to create, assign, and track the progress of tasks. At the same time, Plane supports various project management frameworks such as agile development, waterfall model, etc., allowing users to choose the appropriate framework based on their needs to manage projects. This tool has usability and flexibility, helping teams better organize and coordinate project work.
A low-code development framework that is open source on GitHub. It provides a rich visual toolbox, and with just a few steps, you can quickly build enterprise-level deployment tools. The framework provides APIs to connect with various external data sources such as PostgreSQL, MongoDB, Elasticsearch, and common third-party services like Stripe, Slack, Airtable.
A "headless" CMS system completely written in TypeScript, built with Node.js, React and MongoDB. It provides complete content management functionality, but unlike traditional CMS systems, Payload does not have a front-end part and a template engine. It provides data to the front-end through interfaces, achieving separation of front-end and back-end. This allows back-end programmers to focus more on interface development, improving development efficiency.
A project that integrates 57 commonly used Spring Boot components, and each demo has a detailed README file for explanation. It's a very good learning material for Spring Boot.
An open-source software that can replace Notion, which can be used to deploy and build an internal knowledge base for the team.
A unique resume generator that makes the process of creating, updating, and sharing resumes more simple and convenient through various configurations. Free and open source, supports Chinese, can create multiple resumes at the same time, and quickly print them into PDFs.
A third-party NetEase Cloud Music player with high aesthetics, developed based on Vue.js. It has all the basic functions of a music player, supports MV playback, dark mode, custom shortcuts and other functions.
A project based on React, designed to help users freely build CRUD (Create, Read, Update, Delete) applications without any constraints. It provides flexibility and customizability, allowing developers to build CRUD applications according to their needs. Refine makes the development of applications more free, reduces the development cycle, while providing rich features.
Servo is a high-performance browser engine developed by Mozilla, designed to improve web page rendering speed and security. Servo is written in Rust and has the ability to process in parallel with multiple threads, aiming to improve browser performance and enhance user experience. It is a forward-looking project that explores the architectural design of modern browser engines.
A set of Web UI component library following the original ecological development model, using its own lightweight modular specification. Its design is simple and easy to use, which can help developers quickly build web interfaces. Through layui, developers can improve their front-end development efficiency and enhance their development experience and efficiency.
A modern data stack tool that provides instant REST and GraphQL APIs for any SQL database, along with an intuitive no-code data collaboration application. Directus is designed to simplify data management and collaboration, allowing users to create and manage complex data models without writing code, while also providing powerful API support for developers to integrate and extend.
InfluxData - a scalable data storage written in go, used for metrics, events and real-time analysis
