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
radix-ui avatar

radix-ui/themes

0
View on GitHub↗
8,490 stars·328 forks·TypeScript·MIT·30 viewsradix-ui.com/themes↗

Themes

This project is an accessible UI component library and themed design system. It provides a collection of pre-made user interface components designed to meet accessibility standards and maintain a consistent visual identity across web applications.

The system includes an interactive theme previewer, which allows for the adjustment and testing of visual settings in real time within a running application.

It covers global theme management and design system implementation through root configurations and a token-driven approach. The library supports rapid frontend prototyping by offering a set of optimized components to reduce manual styling.

Features

  • Accessible UI Components - Provides a comprehensive library of interactive UI components built with ARIA and keyboard support to ensure universal usability.
  • Design System Implementations - Implements a full design system framework to scale a consistent visual language across an entire project.
  • Accessible Component Libraries - Ships a collection of UI components specifically optimized for compliance with modern accessibility standards.
  • Accessible UI Frameworks - Offers a framework for building web interfaces that adhere to accessibility standards through pre-made components.
  • Component Composition Primitives - Combines small, accessible primitives with design tokens to build complex and consistent user interface elements.
  • CSS Variable Theming - Uses native CSS custom properties to propagate design tokens and visual configurations from a root provider to nested components.
  • Design Token Systems - Implements a design token system that maps semantic labels to specific values for consistent visual identity.
  • Theme Configuration Systems - Provides a system for managing visual consistency through centralized theme configurations and root wrappers.
  • Accessibility-First Patterns - Implements core component structures based on WAI-ARIA patterns to ensure full keyboard and screen reader compatibility.
  • Frontend Layout Prototyping - Accelerates frontend development by providing optimized components that reduce manual styling and layout effort.
  • Theme and Locale Propagation - Distributes visual styles and design settings throughout the component tree using a provider and consumer pattern.
  • Theme Customization Previews - Features an interactive real-time panel for testing and adjusting visual settings and themes during development.
  • Real-Time Component Previews - Includes an interactive panel for adjusting and rendering live visual representations of UI components and themes in real time.
  • Global Theme Instances - Utilizes centralized configuration objects to maintain a consistent visual style across all application components.
  • Visual Theme Configurations - Provides a root wrapper for applying standardized global styles, palettes, and spacing across the entire application.

Star history

Star history chart for radix-ui/themesStar history chart for radix-ui/themes

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

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

Open-source alternatives to Themes

Similar open-source projects, ranked by how many features they share with Themes.
  • chakra-ui/chakra-ui-vuechakra-ui avatar

    chakra-ui/chakra-ui-vue

    1,846View on GitHub↗

    Chakra UI Vue is a component library for the Vue.js ecosystem that provides a collection of modular, accessible building blocks for constructing user interfaces. It functions as a design system provider, enabling developers to manage global design tokens and visual consistency across complex applications through a centralized theme provider. The framework distinguishes itself by integrating accessibility logic and WAI-ARIA attributes directly into its base components, ensuring that keyboard navigation and screen reader compatibility are handled by default. It utilizes a declarative styling ap

    JavaScripta11yaccessibilitychakra-ui
    View on GitHub↗1,846
  • ariakit/ariakitariakit avatar

    ariakit/ariakit

    8,573View on GitHub↗

    Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web components with built-in accessibility patterns to ensure that screen readers and keyboard navigation function correctly. The project includes an adaptive color engine that calculates high-contrast text and dynamic surface colors for light and dark modes. It also features a concentric layout engine for computing nested padding, margins, and border radii for circular interface elements, alongside a design token system for managing global CSS variables. The toolkit covers broad capabi

    TypeScripta11yaccessibilityaccessible
    View on GitHub↗8,573
  • uswds/uswdsuswds avatar

    uswds/uswds

    7,116View on GitHub↗

    The United States Web Design System is a government design system and accessible UI framework. It provides a collection of standardized CSS and JavaScript components, along with a CSS component library, specifically designed for building consistent federal government websites. The system allows for custom CSS theme development through the use of design tokens for colors, spacing, and typography. Users can customize visual themes and compile custom styles to maintain a unified brand identity across multiple web properties. The framework covers responsive interface design and web accessibility

    SCSS
    View on GitHub↗7,116
  • skeletonlabs/skeletonskeletonlabs avatar

    skeletonlabs/skeleton

    5,989View on GitHub↗

    Skeleton is a design system and accessible UI component library built on Tailwind CSS. It provides a collection of pre-built interactive components with built-in accessibility and state management, alongside a CSS custom properties theme engine that enables runtime theme switching and dark mode support. The project distinguishes itself through its adaptive design system approach, using CSS custom properties to create themeable tokens that integrate directly with Tailwind's utility-first framework. This allows developers to build visual design systems with customizable colors, fonts, and aesth

    TypeScripta11yaccessibilityastro
    View on GitHub↗5,989
See all 30 alternatives to Themes→

Frequently asked questions

What does radix-ui/themes do?

This project is an accessible UI component library and themed design system. It provides a collection of pre-made user interface components designed to meet accessibility standards and maintain a consistent visual identity across web applications.

What are the main features of radix-ui/themes?

The main features of radix-ui/themes are: Accessible UI Components, Design System Implementations, Accessible Component Libraries, Accessible UI Frameworks, Component Composition Primitives, CSS Variable Theming, Design Token Systems, Theme Configuration Systems.

What are some open-source alternatives to radix-ui/themes?

Open-source alternatives to radix-ui/themes include: chakra-ui/chakra-ui-vue — Chakra UI Vue is a component library for the Vue.js ecosystem that provides a collection of modular, accessible… ariakit/ariakit — Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web… uswds/uswds — The United States Web Design System is a government design system and accessible UI framework. It provides a… skeletonlabs/skeleton — Skeleton is a design system and accessible UI component library built on Tailwind CSS. It provides a collection of… argyleink/open-props — Open Props is a CSS custom property library and design token set providing reusable variables for colors, typography,… radix-ui/primitives — Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in…

Curated searches featuring Themes

Hand-picked collections where Themes appears.
  • React Component Libraries