UI Design
UI/UX design tools and methodologies
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
A new way to build web applications. As a compiler, Svelte accepts declarative components and converts them into efficient JavaScript code, achieving fast DOM updates by reducing runtime overhead. Svelte provides a concise and powerful way to build responsive web applications while maintaining smaller package sizes and higher performance.
Grafana - A tool for monitoring, metric analysis and dashboards for Graphite, InfluxDB and Prometheus, etc.
A DNS black hole, which can be set up on your own Linux hardware, enables network-wide ad blocking. It effectively shields your devices from unwanted ads and tracking content without the need to install any client software. Pi-hole is a robust tool that enhances your browsing experience by minimizing the negative impact of ads on network performance.
A quick data analysis and visualization tool that provides users with a friendly user experience and integration capabilities. It helps companies easily explore and understand their own data without the need for complex data queries and analytical skills. For enterprises and data analysts who need to quickly obtain data insights, Metabase is a powerful and easy-to-use BI tool.
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.
A free and open source HTML Dashboard UI toolkit built on Bootstrap 4.
An open-source online design and prototype platform. It provides options for Docker self-build and online use, and supports Chinese and team sharing. Although it offers limited default components, users can customize components to meet their needs. If you are looking for an open-source, free prototype design platform, penpot may be a worth trying choice.
The open-source project named Gradio on GitHub can generate a simple and elegant UI interface for machine learning models in just a few minutes, allowing you to demonstrate your projects in the browser. Through this interface, you can complete operations such as dragging and uploading images, pasting text, recording sounds, etc., and view the model output content.
Portainer - Portainer is a lightweight management UI that allows you to easily manage different Docker environments (Docker hosts or Swarm clusters).
An open-source cloud storage platform with rich features suitable for building a company's internal cloud storage platform. The platform provides file storage, synchronization, sharing, collaboration and more functions, enabling teams to efficiently manage and share files. Through Nextcloud, users can build their own secure and controllable cloud services to meet various needs of enterprises for cloud storage.
An open source BI tool that provides web-based database query and data visualization functionality
:Dioxus is a Rust library focused on building applications that run on multiple platforms, including desktop, web, and mobile. It emphasizes developer experience, aiming to build applications quickly, beautifully, and fully functional. For developers who want to develop applications across multiple platforms, Dioxus provides a convenient choice.
An open source, simple and beautiful real-time chat software that supports one-click deployment
A highly customizable, self-hosted server startup page building tool with a visual editor, status detection system, and a variety of rich components and themes. With this tool, you can quickly build a server management panel for different applications and customize configurations based on various components, icons, and themes. The project includes built-in authentication, status monitoring, search, backup, visualization configuration, multi-language support, and other functions.
A simple and lightweight UI framework that provides the most basic components and CSS styles. Slint is particularly suitable for developers seeking highly customized UI solutions, as it allows developers to extend and customize components according to their needs.
An open-source IoT platform written in Java, which can be used for data collection, processing, visualization and device management, etc.
An open source game development tutorial, which organizes resources related to game development, such as tools, art materials, project source codes, computer graphics, etc.
A practical Chrome screen recording and annotation plugin, which supports recording and annotation information at any position on the screen, has a click highlight effect, and can export recorded videos in MP4, gif, webm file formats, etc.
Clay is a high-performance 2D UI layout library designed for creating complex, responsive layouts with minimal overhead. Key features include microsecond layout performance, a flex-box-like layout model, and a single ~4k LOC header file with zero dependencies. It supports WebAssembly, enabling browser use with a compact 15kb uncompressed .wasm file. Clay uses static arena-based memory management, eliminating malloc/free and reducing memory usage (e.g., ~3.5MB for 8192 elements). It offers a React-like declarative syntax for nested UI structures and is renderer-agnostic, outputting a sorted list of rendering primitives compatible with any 3D engine or HTML. Ideal for high-performance, lightweight UI development.
A carefully curated list of creative coding resources, mainly for intermediate scholars, containing books, courses, tools and learning resources, etc.
Open source Python debugging tool on GitHub: GDB dashboard, which provides a visualization interface for Python GDB, more clearly displays program debugging information, allowing developers to focus on Python control flow.
A lightweight vector graphics editor that runs in the browser. Its node-based synthesizer and raster effects features enable users to create stunning artwork. For graphic designers and creative artists, Graphite provides a creative platform for creating and editing vector graphics.
A practical data visualization tool that can quickly generate data visualization graphics by pasting or uploading table data.
Resolve production issues quickly. An open source observability platform unifying session replays, logs, metrics, traces, and errors.
Microsoft released a UI icon library focused on mobile applications. Microsoft provides quick installation methods for different development platforms such as iOS, Android and Flutter, and integrates and uses them seamlessly.
It provides some elegant and cool CSS animation effects, allowing you to directly copy the style with a click of the mouse, which is very convenient. Students who are doing web development can collect it for future use
An open-source web dashboard tool for quickly building real-time, low-latency, and visually appealing data analytics dashboards for Python and R.
Microsoft has open-sourced a new development tool that includes a built-in visual control panel for Windows systems.
"Design patterns for humans" Chinese edition, this is a super complete explanation of design patterns (a total of 23), the author tries to explain each design pattern in a way that is as easy to understand as possible, hoping to help everyone better understand.
An open-source web application for process visualization, which can build various types of process diagrams with different design styles for real-time data of machines.
A full-featured web UI for monitoring and controlling Scrapyd server clusters, supporting Scrapy log analysis and visualization
A free management backend template on GitHub: Horizon UI, which has hundreds of built-in components and modules to help you quickly develop a beautiful and simple website.
A daily newspaper mainly sharing front-end technology systems, with content mainly consisting of articles, tools, news and videos
A developer on Facebook recently created a view debugger that implements basic debugging features similar to Reveal, displaying the app's views in a tree structure and allowing control over the display and hiding of views.
Developed based on JavaScript, allowing users to quickly build animation models in the browser and support exporting as videos or GIF animations. Overall, the functionality is quite comprehensive.
Developers can use it to quickly build data analysis reports from common objects such as pandas DataFrames.
etcdkeeper - a web UI tool for etcd, supporting etcd v3
Centreon - One of the most flexible and powerful monitoring software on the market