Projects sharing features with Horizon Ui Chakra

This project is a comprehensive design system framework and component library built for React. It provides a suite of modular, accessible, and themeable interface elements designed to maintain a unified visual language and brand alignment across complex web applications. By encapsulating interaction logic and styling within individual components, it enables developers to build consistent, responsive interfaces through declarative composition. The library distinguishes itself by prioritizing inclusive user experiences through built-in accessibility management, including standardized keyboard n

VechaiUI is an accessible React UI library built on top of utility-first styling principles and unstyled accessible foundations. It provides pre-designed user interface components that use low-level utility classes and compound component composition to share internal state and behavior while maintaining keyboard navigation and screen reader support. The library centers around a context-based theme provider that distributes global color palettes, typography, and design tokens down the component tree. It includes runtime dark mode switching to dynamically toggle between light and dark visual th

Airframe-react is a Bootstrap UI component library and starter kit for building React-based admin dashboards and management interfaces. It provides a preconfigured development foundation and a collection of production-ready interface elements to assemble consistent application screens. The project includes responsive web templates and pre-designed page layouts that automatically adapt content for desktop, tablet, and mobile screens. It enables the creation of administrative panels through a set of structural layout variations and a library of ready-made pages. The toolkit covers application

xstyled is a utility-first CSS-in-JS framework designed for the React ecosystem. It functions as a styling library that enables developers to manage component styles and responsive layouts by mapping design system tokens directly to component properties. The framework distinguishes itself by providing a centralized theme management system that propagates design tokens, such as colors and spacing, throughout the component tree. It includes a responsive layout generator that automatically calculates media query breakpoints based on viewport width, allowing for the creation of fluid grid structu

This project is a React-based UI framework that serves as a foundation for building scalable and accessible web interfaces. It provides a collection of pre-styled components and layout containers designed to standardize visual language and component behavior across applications. The library utilizes a composition-based architecture, allowing developers to nest single-purpose primitives to construct complex interface patterns. By mapping these building blocks directly to semantic HTML elements and employing a prop-forwarding pattern, the system ensures that standard browser behaviors, keyboard

Chakra Templates is a collection of prebuilt, responsive interface patterns designed for integration into React applications. It functions as a frontend design system resource, providing modular UI building blocks that allow developers to maintain consistent styling and layout standards across multiple application screens. The repository provides raw source code for every template, enabling direct integration and full customization within local project files. By utilizing a style-prop-driven approach, these components map design tokens to attributes, ensuring that layouts remain consistent wi

gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

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 ent

Elemental is a component-based design system and React UI framework. It provides a collection of pre-styled interface components and CSS patterns used to build consistent user interfaces and layout designs for web applications. The library functions as a customizable CSS UI library, allowing for the implementation of custom design systems by mapping design tokens and stylesheets to reusable elements. It integrates vector icon rendering to embed scalable graphic glyphs directly within interface components. The framework supports the composition of complex layouts using pre-made elements such

Styled System is a JavaScript library that provides a style props approach for building UI components, enabling developers to map CSS properties directly to component props for rapid, declarative development. At its core, it resolves design tokens from a centralized theme object into CSS values, ensuring consistent styling across components without writing custom stylesheets. The library supports theme-aware styling that connects component styles to a theme object for scalable, maintainable design systems with dynamic value resolution. The library differentiates itself through several capabil

React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co

This project is a pre-configured administrative dashboard template built with the Vue.js framework and the Nuxt UI component library. It provides a foundational structure for developing internal business applications, offering a responsive layout that includes a collapsible sidebar and integrated command-palette navigation. The template distinguishes itself through a focus on keyboard-driven interaction and administrative efficiency. It incorporates built-in support for command-palette navigation and shortcut-based movement, allowing users to execute tasks and traverse the interface without r

React Base Table is a library of reusable interface components designed for building complex, responsive data grids within web applications. It provides a high-performance foundation for rendering large datasets by utilizing window-based row virtualization, which ensures the user interface remains responsive even when displaying extensive collections of data. The library distinguishes itself through flexible layout and navigation capabilities, including support for hierarchical data structures that can be rendered as expandable tree rows. It allows for precise control over table geometry thro

Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili

This project is a React Native UI library and mobile component framework designed for building consistent, themed mobile applications. It provides a collection of reusable user interface components and layout tools, functioning as a cross-platform design system to maintain visual uniformity across different mobile platforms. The toolkit distinguishes itself through a themed UI approach, utilizing global design foundations for typography, color palettes, and spacing. It allows for dynamic theme configuration and the use of style presets to ensure standardized branding across an entire project.

React95 is a React component library and retro UI framework designed to replicate the visual aesthetic and interaction patterns of classic nineties desktop operating systems. It provides a collection of reusable user interface elements and a nostalgic interface library for constructing web layouts that mimic the windowing behavior of vintage computer systems. The project functions as a CSS-in-JS design system, using a centralized set of visual tokens to ensure consistent retro styling without the need for external stylesheets. It operates as a frontend design system that provides the necessar

Geist UI is a design system framework and React UI component library. It provides a collection of pre-styled, accessible components and design primitives used to maintain visual consistency across websites and applications. The framework includes a themed UI provider that manages application styles through a centralized system, enabling the switching of visual modes such as light and dark themes. It also features a responsive CSS grid system for organizing content into rows and columns that adapt to various screen sizes. The library covers accessible UI development using compliant markup and

This project is an enterprise-grade admin dashboard boilerplate and starter kit built on Ant Design Vue. It provides a complete administrative interface with pre-designed pages, navigation patterns, and a professional design system to accelerate the development of business applications. The toolkit features a centralized visual theme configuration system for modifying style variables to meet specific brand requirements. It also includes a multi-language interface system for internationalization and a dedicated development kit for mocking API data using local JSON files. The scaffolding cover

NativeBase is a comprehensive toolkit of accessible components and responsive design frameworks used to build consistent mobile and web applications. It provides a cross-platform UI component library and a React Native component framework that enable the creation of layouts across Android, iOS, and the web from a single codebase. The system is distinguished by a responsive design system that automatically adjusts layouts and global themes to fit different screen sizes and color modes. It utilizes a utility-based styling approach, allowing developers to apply visual styles directly through com

Atomic Layout is a declarative framework for building responsive user interfaces in React. It functions as a layout engine that abstracts complex grid structures into reusable components, allowing for the creation of hierarchical spatial distributions without the need for manual media queries. The library distinguishes itself by mapping visual layout regions to component structures through dynamic grid-template-area generation. It utilizes a property-based system where components accept specific suffixes to automatically trigger responsive style adjustments based on viewport width. By employi

Metro UI is a progressive front-end framework for building reactive single-page applications with a Metro-style design language. It provides a component-based UI library with over 150 prebuilt interface elements, a reactive state model that automatically updates the DOM when application data changes, and a responsive grid layout system for mobile-first web development. The framework uses an HTML-first approach where interactive interfaces are assembled by adding custom HTML attributes to elements, eliminating the need for manual JavaScript glue code. It includes a hash-based SPA router for na

This project is an HTML email framework and compiler designed to build responsive emails using a high-level syntax that transforms into table-based layouts. It functions as an HTML-to-table compiler and CSS inliner, ensuring that simplified markup is converted into the complex nested structures and inline attributes required for cross-client compatibility. The framework features a responsive email grid system and Sass-based styling, allowing the use of variables to manage colors, typography, and spacing. These tools enable custom brand theming and the creation of fluid layouts that adapt to v

Wave is a full-stack web application framework and low-code UI library designed for building real-time data dashboards and interactive interfaces using Python and R. It allows developers to define browser-based user interfaces and manage server-side state without writing HTML or CSS. The project functions as a collaborative state synchronizer, relaying and persisting application state across multiple concurrent users to enable shared real-time experiences. It distinguishes itself by broadcasting live updates and data visualizations to connected browsers through a unified programming model. T

Papercss is a CSS UI framework and document-style design system used to build responsive web page layouts. It functions as a Less-based CSS library that applies a paper-like aesthetic and structured typography to give web pages the appearance of physical documents. The project also incorporates a utility-first CSS library model for rapid styling. The framework is distinguished by its ability to automate visual decorations, such as applying rotating border styles and shadow effects to child elements. It utilizes a Less-based variable system and modular stylesheet compilation, allowing users to

Blur Admin is an AngularJS and Bootstrap framework for building responsive administrative dashboards. It provides a set of grid-based templates and predefined layout components designed to create high-resolution management interfaces that adapt to different screen sizes. The framework includes a Sass-based theme engine that allows for the customization of visual appearances, color schemes, and brand identity through a central set of style variables. It specifically features a blur theme effect that applies translucent backgrounds and blurred effects across the interface. The system covers da

This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled user interface components and a layout framework designed to ensure a consistent visual experience across different mobile devices. The library includes a mobile theme management system for defining and updating global color palettes and styling rules across an application interface. It implements standardized layout patterns and spacing rules to maintain a clean and consistent design. The toolkit covers the construction of mobile forms and interfaces using elements such as b