Best Frontend Tools

Ant Design is a comprehensive UI design language and React component library built for enterprise-level web applications. It provides a robust set of high-quality components written in TypeScript with support for internationalization and theme customization. The library is compatible with modern browsers, server-side rendering, and Electron environments.

xgplayer is a web video player library that utilizes a fully componentized architecture for flexible UI customization. It removes dependencies on native video loading and buffering by providing advanced features like staged loading for non-streaming MP4 files. The library also offers comprehensive support for on-demand and live streaming formats including FLV, HLS, and DASH.

ProComponents is a comprehensive UI library designed to streamline the development of robust, enterprise-level React applications. It provides an extensive suite of advanced components, including tables, forms, and charts, alongside powerful data handling capabilities. While it offers significant productivity benefits, developers should consider its learning curve and potential limitations regarding deep customization.

TDesign is a comprehensive enterprise design system that provides consistent UI component libraries across multiple platforms and technology stacks. It offers a wide range of design resources, tools, and starter kits to help developers build professional applications efficiently. The project is built on open-source collaboration principles, ensuring ongoing updates and community-driven improvements.

Ant Design Pro is an out-of-the-box UI solution designed for building enterprise-level React applications. It provides a comprehensive set of templates, blocks, and best practices to streamline the development process. The framework supports modern technologies like TypeScript, Umi Max, and Ant Design 6 to ensure high-quality, scalable code.

ahooks is a high-quality and reliable library providing a comprehensive collection of React Hooks for various development needs. It is written in TypeScript to ensure predictable static types and supports server-side rendering. The library simplifies development by offering advanced hooks refined from real-world business scenarios while effectively managing function closures.

Cherry Markdown Writer is a lightweight, out-of-the-box JavaScript editor designed for both browser and server-side environments. It offers extensive customization options, including support for custom syntax, themes, and various toolbar configurations. The editor also features specialized modes for streaming rendering, making it an ideal choice for AI chat applications.

xgplayer is a web video player library that utilizes a fully componentized architecture for flexible UI customization. It removes dependencies on native video loading and buffering by providing advanced features like staged loading for non-streaming MP4 files. The library also offers comprehensive support for on-demand and live streaming formats including FLV, HLS, and DASH.

LogicFlow is a flowchart editing framework specifically designed for business systems, providing a series of core interaction and editing functions. The framework is highly customizable, allowing users to define nodes, connectors, and styles according to their specific requirements. Furthermore, it features a rich plugin mechanism and data conversion capabilities, easily meeting the development needs of various complex flowcharts.

TDesign Vue Next is a comprehensive UI component library specifically designed for Vue 3 desktop applications. It offers a consistent design language with support for dark mode, customizable themes, and efficient tree-shaking capabilities. The library ensures a high-quality development experience by maintaining API consistency across various TDesign frameworks.

FlowGram is a composable and extensible framework designed to help developers build AI workflow platforms with greater speed and simplicity. It provides a comprehensive toolkit including a visual canvas, node configuration forms, and a robust variable management engine. By offering these modular components, the framework enables teams to create custom workflow solutions without starting from scratch.

LogicFlow is a flowchart editing framework specifically designed for business systems, providing a series of core interaction and editing functions. The framework is highly customizable, allowing users to define nodes, connectors, and styles according to their specific requirements. Furthermore, it features a rich plugin mechanism and data conversion capabilities, easily meeting the development needs of various complex flowcharts.

Cherry Markdown Writer is a lightweight, out-of-the-box JavaScript editor designed for both browser and server-side environments. It offers extensive customization options, including support for custom syntax, themes, and various toolbar configurations. The editor also features specialized modes for streaming rendering, making it an ideal choice for AI chat applications.

TMagic is a visual building platform based on Vue 3.0 and TypeScript, designed to help developers quickly generate mobile H5 pages. By providing an editor core package, multi-framework runtime environments, and form rendering capabilities, the project supports developers in flexibly building custom visual editing tools. Developers can refer to the built-in Playground example project to quickly integrate and implement page building functions that meet business requirements.

Mpx is an enhanced cross-platform framework dedicated to improving the development experience and performance of mini programs, supporting efficient application building using a Vue-like development style. Through deep performance optimization and a lightweight runtime, the framework achieves isomorphic output across multiple mini program platforms and the Web. Developers can leverage its powerful compilation and build capabilities along with a comprehensive ecosystem of tools to easily achieve cross-platform development and progressive integration.

The @ant-design/cli provides a comprehensive, offline-first command line tool for querying Ant Design component metadata and documentation. It supports developers and AI agents by offering version-accurate API lookups, project analysis, and automated migration guidance across multiple Ant Design versions. The tool integrates seamlessly into development workflows through direct CLI commands, MCP server support, and agent-ready output formats.

wterm is a web-based terminal emulator that leverages a Zig-compiled WASM core for near-native performance. By rendering directly to the DOM, it provides native support for text selection, clipboard operations, and accessibility features. The project offers a modular architecture with packages for React integration, Markdown rendering, and in-browser Bash shell capabilities.

rhwp is an open-source HWP and HWPX viewer and editor built with Rust and WebAssembly to provide universal document accessibility. It features a robust rendering engine, comprehensive parsing capabilities, and a web-based editor that maintains compatibility with standard HWP workflows. The project follows a structured development roadmap aimed at achieving full feature parity with commercial alternatives through community-driven contributions.

Ant Design Icons provides a comprehensive collection of abstract trees representing SVG icons for various web frameworks. The project supports multiple environments including React, Vue, Angular, and React Native through dedicated packages. Developers can easily integrate these icons into their applications using standardized build and generation tools.

Kumo is a component library designed by Cloudflare for building modern, accessible web applications. It leverages Base UI primitives to automatically manage complex accessibility features like focus and keyboard navigation. Developers can easily integrate these components into their projects through standard npm packages or utilize the built-in CLI for documentation.

TDesign React is a comprehensive UI component library specifically designed for React 16.x and desktop applications. It offers a consistent design language with support for dark mode, customizable themes, and efficient tree-shaking capabilities. The library ensures a high-quality development experience by maintaining API and UI consistency across various TDesign frameworks.

TDesign Vue is a comprehensive UI component library specifically designed for Vue 2 desktop applications. It offers a consistent design language and API that aligns with TDesign libraries across other frameworks. The library supports essential features like dark mode, customizable themes, and efficient tree-shaking for optimized performance.

TDesign Mobile Vue is a comprehensive UI component library specifically designed for Vue 3 mobile web applications. It offers a consistent design language and API structure that aligns with other TDesign frameworks for seamless integration. The library supports essential features such as dark mode, customizable themes, and efficient tree-shaking for optimized performance.

Pretext is a JavaScript/TypeScript library that provides fast, accurate multiline text measurement and layout without relying on expensive DOM reflow operations. By implementing its own measurement logic using the browser's font engine as a ground truth, it enables efficient text handling for various rendering targets like Canvas and SVG. The library offers both high-level APIs for simple height calculations and low-level tools for manual, complex text layout scenarios.

OpenClaw 101 is an open-source resource aggregation site specifically designed for the OpenClaw AI personal assistant platform. The project includes over 35 high-quality tutorials in both Chinese and English covering deployment, integration, and skill development. Users can quickly master the development and application of AI assistants through a systematic 7-day learning path and multi-dimensional filtering features.

Tegaki is a library that automatically converts standard fonts into animated handwriting sequences. It eliminates the need for manual path authoring or native dependencies by providing a simple rendering engine. The tool supports all major web frameworks and includes several pre-bundled handwriting fonts for immediate use.

Web-Demuxer is a browser-based library that utilizes WebAssembly to provide comprehensive demuxing capabilities for various multimedia formats. It is specifically designed to integrate seamlessly with the WebCodecs API by providing necessary decoder configurations and encoded chunks. The library supports a wide range of file types and allows developers to build custom versions for specific format requirements.

The @ant-design/cli provides a comprehensive, offline-first command line tool for querying Ant Design component metadata and documentation. It supports developers and AI agents by offering version-accurate API lookups, project analysis, and automated migration guidance across multiple Ant Design versions. The tool integrates seamlessly into development workflows through direct CLI commands, MCP server support, and agent-ready output formats.

Pascal is a 3D building editor built with React Three Fiber and WebGPU, organized as a Turborepo monorepo. It utilizes a centralized Zustand store for state management and a registry system to map data nodes to 3D objects. The architecture features specialized systems that process dirty nodes in the render loop to dynamically update geometry and scene transforms.

The TDesign Common Library is a foundational repository that integrates shared styles and utility functions. This project provides unified development support for various frameworks through a sub-repository structure. The repository is clearly divided into Web and mobile UI development resources alongside general-purpose JavaScript utility functions.

HiUI is a frontend component library designed specifically for middle and back-office systems, aiming to help developers quickly build applications with consistent interactions and beautiful interfaces. The library provides a wealth of business templates and components that can cover the development needs of most middle and back-office systems. Its single-component design achieves data structure separation, ensuring the ease of use of components and the convenience of subsequent upgrades.

The @ant-design/tools package provides a collection of utility scripts specifically designed for the Ant Design of React ecosystem. It offers a command-line interface to streamline common development tasks such as building, cleaning, and publishing projects. These tools help maintain consistency and efficiency across the Ant Design codebase.

Boneyard is a development tool that extracts layout information from the real DOM to automatically generate pixel-perfect skeleton screens. Developers can achieve loading placeholder effects without manual adjustments through simple component wrapping and command-line builds. The tool supports various frameworks such as React, React Native, and Svelte, and provides a flexible layout API to meet different responsive requirements.