HubLens › Topics › UI Components
// topic

UI Components

17trending in last 90 days·17all-time

// new this month

// ecosystem

React9Web Development6JavaScript5Design System5Vue4UI Components
Frontend 13
Mobile 4

// this week's top 5

01
ant-design / x
Ant Design X provides a comprehensive suite of atomic components and utility APIs designed for building intelligent AI interfaces. The library includes specialized tools for streaming Markdown rendering, dynamic card generation, and managing AI agent data streams. It offers an enterprise-ready ecosystem to help developers efficiently create high-quality, interactive AI conversation applications.
724,492
02
Tencent / tdesign-vue-next
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.
572,085
03
Tencent / tdesign-miniprogram
TDesign-miniprogram is a component library for the WeChat Mini Program that adapts to the Tencent TDesign design system. Developers can easily install and quickly import various custom components via NPM. The project supports previewing in WeChat DevTools and requires a minimum base library version of 2.6.5.
501,630
04
Tencent / tdesign-vue
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.
491,012
05
XiaoMi / hiui
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.
48855

// all-time featured (17)

ant-design / pro-components
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.
78
Tencent / tdesign
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.
78
ant-design / x
Ant Design X provides a comprehensive suite of atomic components and utility APIs designed for building intelligent AI interfaces. The library includes specialized tools for streaming Markdown rendering, dynamic card generation, and managing AI agent data streams. It offers an enterprise-ready ecosystem to help developers efficiently create high-quality, interactive AI conversation applications.
72
ant-design / ant-design-mobile
Ant Design Mobile provides a collection of essential UI components specifically designed for building mobile web applications. The library is optimized for high performance and small package sizes while offering extensive customization through CSS variables. Developers can leverage its atomic component structure and smooth animations to create professional mobile user experiences.
70
Tencent / tdesign-vue-next
TDesign Vue Next is a comprehensive UI component library specifically designed for Vue 3 and desktop applications. It offers a consistent design language that aligns with other TDesign frameworks while providing high-quality, customizable components. The library supports modern development practices such as tree-shaking, dark mode, and flexible theme configurations.
68
Tencent / tdesign-vue-next
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.
57
cloudflare / kumo
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.
52
Tencent / tdesign-miniprogram
TDesign-miniprogram is a component library for the WeChat Mini Program that adapts to the Tencent TDesign design system. Developers can easily install and quickly import various custom components via NPM. The project supports previewing in WeChat DevTools and requires a minimum base library version of 2.6.5.
50
Tencent / tdesign-react
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.
50
Tencent / tdesign-vue
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.
49
Tencent / tdesign-mobile-vue
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.
49
XiaoMi / hiui
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.
48
Tencent / tdesign-flutter
TDesign Flutter is a cross-platform UI component library built on Tencent's design system for mobile and web applications. It provides a comprehensive set of pre-built components, theme customization tools, and icon support to ensure consistent design across iOS, Android, and Web. The library also supports advanced features like dark mode, custom theme generation, and integration with Flutter's internationalization capabilities.
45
Tencent / tdesign-miniprogram
TDesign is an open-source component library launched by Tencent that is adapted for WeChat Mini Programs. Developers can easily install it via NPM and import the required components on demand. This project requires the WeChat Mini Program base library version to be no lower than 2.6.5 and follows the MIT open-source license.
44
Tencent / tdesign-common
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.
39
XiaoMi / hiui
HiUI is a frontend component library designed for middle and back-office systems, aiming to help developers quickly build applications with consistent interactions and beautiful interfaces. The library provides a rich set of business templates and components that can cover the development needs of most middle and back-office systems. Its design adopts a data-structure separation pattern, supports out-of-the-box usage, and offers flexible full or on-demand installation methods.
38
0xGF / boneyard
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.
31

// use cases by project

pro-components
  • 01Rapid construction of complex enterprise-grade UI layouts
  • 02Advanced data handling and business logic integration
  • 03Streamlined component configuration with visual tools
tdesign
  • 01Building consistent cross-platform applications using Vue, React, and WeChat MiniProgram component libraries.
  • 02Utilizing professional design guidelines and resources like Figma and Sketch plugins for unified user experiences.
  • 03Accelerating development workflows with out-of-the-box starter kits and customizable design tokens.
x
  • 01Building interactive AI user interfaces with atomic components
  • 02Managing AI application data streams and model agent connections
  • 03Rendering streaming Markdown and dynamic cards from structured JSON
ant-design-mobile
  • 01Building high-performance mobile web applications
  • 02Creating custom themes using CSS variables
  • 03Implementing smooth mobile gestures and delicate animations
tdesign-vue-next
  • 01Building high-quality desktop applications with Vue 3.x
  • 02Implementing consistent UI designs across different framework platforms
  • 03Optimizing bundle sizes through tree-shaking support

// related topics

React (9)Web Development (6)JavaScript (5)Design System (5)Vue (4)