awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
arco-design avatar

arco-design/arco-design

0
View on GitHub↗
5,625 stars·722 forks·TypeScript·MIT·11 viewsarco.design↗

Arco Design

Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications.

The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities.

The framework supports enterprise UI development by providing tools for design system management and a centralized repository for storing and distributing reusable business components. These capabilities facilitate the assembly of functional layouts and the sharing of custom interface modules across multiple projects.

Features

  • React Components - Provides a comprehensive library of reusable interface elements designed for the React ecosystem.
  • React UI Component Libraries - Provides a comprehensive collection of pre-built React components and layouts for building professional web interfaces.
  • Component Architectures - Implements a structural approach to UI development using modular, reusable building blocks.
  • Component Composition Patterns - Employs architectural patterns to assemble complex interfaces from atomic building blocks.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
CSS Variable Theming - Utilizes a system that maps design tokens to native CSS variables for dynamic visual customization.
  • Design System Management - Provides a centralized system for managing visual styles and reusable components to maintain brand consistency.
  • Design Systems - Implements a comprehensive design system framework using shared tokens for a standardized visual identity.
  • Design Token Mappings - Provides a structured mapping between global design variables and component-specific properties.
  • Design Token Systems - Uses a hierarchical system of design variables to ensure consistent colors and spacing.
  • Themed Component Libraries - Ships a set of reusable UI components with an integrated system for consistent visual styling via design tokens.
  • Standard UI Component Libraries - Provides a collection of standardized UI components to ensure professional and consistent appearance across screens.
  • UI Component Integrations - Provides a library of pre-built interface elements to be integrated into professional web applications.
  • UI Component Composition - Enables the construction of professional layouts by composing pre-built visual elements.
  • UI Theming Frameworks - Provides an architectural framework for customizing the visual appearance of components using external theme data and loaders.
  • User Interface Frameworks - Offers a comprehensive framework for building consistent and professional web user interfaces.
  • Visual Layout Construction - Facilitates the structural arrangement and styling of screen layouts using a consistent set of components.
  • Visual Theme Configurations - Provides standardized configurations for global styles, palettes, and spacing via design tokens.
  • Component-Based Architectures - Utilizes a modular architecture based on isolated and reusable UI elements.
  • Web Interface Components - Provides modular building blocks used to construct professional web interfaces.
  • React Development - Ships a professional library of components for building high-quality web applications with React.
  • Module Registries - Offers a centralized repository for storing and distributing reusable business components.
  • Reusable Component Architectures - Implements an architecture for creating independent, reusable software modules to ensure portability across projects.
  • Brand Identity Customization - Offers visual editors and tools to adapt the interface to specific brand identities.
  • Visual Style Customization - Enables modification of component visual properties to align with specific branding requirements.
  • Design Token Theming - Provides tools for applying and switching design token sets to match project branding.
  • Reusable Components - Enables the storage of modular template fragments and business components for reuse across layouts.
  • Custom Theme Editors - Includes tools and loaders for adjusting design tokens to create unique branded identities.
  • Reusable UI Module Markets - Provides a centralized repository for distributing customized business UI components across projects.
  • Build-Time Theme Injection - Provides a process for embedding design tokens into optimized stylesheets during the compilation phase.
  • CSS Custom Property Injections - Implements a mechanism to update visual identity by injecting CSS custom properties at runtime.
  • Enterprise Component Systems - Provides a scalable library of reusable UI components tailored for consistency in large-scale corporate projects.
  • UI Component Libraries - Enterprise-level UI component library for React.

    • Star history

    Star history chart for arco-design/arco-designStar history chart for arco-design/arco-design

    Frequently asked questions

    What does arco-design/arco-design do?

    Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications.

    What are the main features of arco-design/arco-design?

    The main features of arco-design/arco-design are: React Components, React UI Component Libraries, Component Architectures, Component Composition Patterns, CSS Variable Theming, Design System Management, Design Systems, Design Token Mappings.

    What are some open-source alternatives to arco-design/arco-design?

    Open-source alternatives to arco-design/arco-design include: alibaba-fusion/next — This project is an enterprise design system and web interface framework that provides a React component library for… douyinfe/semi-design — Semi Design is a React UI component library and design token system used to build web application frontends. It… elastic/eui — EUI is a React UI component library and design system framework. It provides a collection of reusable, typed interface… pinterest/gestalt — Gestalt is a type-safe React UI component library and design system. It provides a collection of reusable interface… adobe/react-spectrum — This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system.… rsuite/rsuite — rsuite is a React UI component library and enterprise design system used to build professional web interfaces. It…

    Open-source alternatives to Arco Design

    Similar open-source projects, ranked by how many features they share with Arco Design.
    • alibaba-fusion/nextalibaba-fusion avatar

      alibaba-fusion/next

      4,681View on GitHub↗

      This project is an enterprise design system and web interface framework that provides a React component library for building consistent user experiences. It serves as a design-to-code workflow bridge, synchronizing product design tools with frontend implementation to accelerate development speed. The framework focuses on design-to-code synchronization and the construction of enterprise design systems. It enables the standardization of visual components and the composition of complex web and mobile screens using unified interface elements and layout patterns. The library implements a design-t

      TypeScriptcomponentdesign-systemfusion
      View on GitHub↗4,681
    • douyinfe/semi-designDouyinFE avatar

      DouyinFE/semi-design

      10,017View on GitHub↗

      Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

      TypeScriptai-friendlycode2designdark-mode
      View on GitHub↗10,017
    • elastic/euielastic avatar

      elastic/eui

      6,337View on GitHub↗

      EUI is a React UI component library and design system framework. It provides a collection of reusable, typed interface components and visual guidelines to ensure a unified user experience across web application layouts. The project functions as a themed UI toolkit, enabling the management of visual aesthetics and the ability to toggle between light and dark modes. It incorporates a CSS-in-JS styling library for defining custom styles and rulesets for individual application elements. The framework covers broad capability areas including design system implementation, custom interface styling,

      TypeScript
      View on GitHub↗6,337
    • pinterest/gestaltpinterest avatar

      pinterest/gestalt

      4,360View on GitHub↗

      Gestalt is a type-safe React UI component library and design system. It provides a collection of reusable interface elements and design tokens that follow international accessibility standards to ensure usability for people with diverse needs. The framework includes a responsive web layout system with defined breakpoints and grid containers that adapt interfaces for desktop, mobile, and tablet devices. It features an internationalized component suite that supports multiple languages, regional color schemes, and right-to-left text orientations. The library covers a broad range of interface ca

      TypeScript
      View on GitHub↗4,360
    See all 30 alternatives to Arco Design→