Arco Design

Arco Design - build professional React interf… | Awesome Repos

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.
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.

Open-source alternatives to Arco Design

Similar open-source projects, ranked by how many features they share with Arco Design.

douyinfe/semi-design
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 GitHub10,017
elastic/eui
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 GitHub6,337
adobe/react-spectrum
adobe/react-spectrum
15,567View on GitHub
This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system. It provides a collection of accessible React components designed to create consistent user experiences through a standardized set of adaptive and themeable interface elements. The framework features a responsive scale system that automatically optimizes touch targets and component sizing for mobile and desktop contexts. It is built as a tree-shakable library, allowing for the import of only the specific components used to minimize the final JavaScript and CSS bundle size. The
TypeScriptaccessibilitydesign-systemsreact
View on GitHub15,567
rsuite/rsuite
rsuite/rsuite
8,701View on GitHub
rsuite is a React UI component library and enterprise design system used to build professional web interfaces. It functions as a themable component suite and localized UI toolkit, providing the necessary tools for developing data-heavy administrative dashboards and internal applications. The library is distinguished by its built-in support for server-side rendering to improve initial page load speeds and search engine visibility. It includes a global provider for managing consistent visual styles and high-contrast modes, alongside a translation layer for interface localization and date format
TypeScript
View on GitHub8,701

See all 30 alternatives to Arco Design

arco-designarco-design

Features

Open-source alternatives to Arco Design

DouyinFE/semi-design

elastic/eui

adobe/react-spectrum

rsuite/rsuite

Star history

Open-source alternatives to Arco Design

DouyinFE/semi-design

elastic/eui

adobe/react-spectrum

rsuite/rsuite