Themes

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.

Open-source alternatives to Themes

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

ariakit/ariakit
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 GitHub8,573
uswds/uswds
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 GitHub7,116
skeletonlabs/skeleton
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 GitHub5,989
argyleink/open-props
argyleink/open-props
5,409View on GitHub
Open Props is a CSS custom property library and design token set providing reusable variables for colors, typography, and layout. It functions as a CSS variable framework and design system intended to ensure visual consistency across components and platforms. The project includes an optimization toolkit for generating selector-scoped variable bundles and removing unused design tokens from stylesheets to reduce final file size. It also provides configuration files to enable design variable autocompletion within code editors. The system covers broader capabilities in adaptive web interface des
HTML
View on GitHub5,409

See all 30 alternatives to Themes

radix-uithemes

Features

Open-source alternatives to Themes

ariakit/ariakit

uswds/uswds

skeletonlabs/skeleton

argyleink/open-props

Star history

Open-source alternatives to Themes

ariakit/ariakit

uswds/uswds

skeletonlabs/skeleton

argyleink/open-props