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

Chakra UI Components and Templates

Ranking updated Jun 30, 2026

For a library of components for Chakra UI, the first results are horizon-ui/horizon-ui-chakra (Horizon UI is a full-featured open-source admin template built with Chakra UI and React, offering pre-built dashboard components and page layouts that directly serve as a curated collection your search is after), hauptrolle/chakra-templates (This is a curated collection of responsive Chakra UI templates for React, providing pre-built page layouts and examples that directly address the request for reusable Chakra UI resources to accelerate development) and chakra-ui/chakra-ui-vue. cosscom/coss and chakra-ui/ark round out the shortlist. Compare the match explanations and check the project documentation against your requirements.

We curate open-source GitHub repositories matching “Chakra UI components, templates and resources”. Results are ranked by relevance to your query — pick filters below to narrow, or refine with AI.

Chakra UI Components and Templates

Find the best repos with AI.We'll search the best matching repositories with AI.
  • horizon-ui/horizon-ui-chakrahorizon-ui avatar

    horizon-ui/horizon-ui-chakra

    2,877View on GitHub↗

    Horizon UI Chakra is a comprehensive dashboard template and component library designed for building administrative web applications. It provides a foundational boilerplate that utilizes a modular, component-based architecture to facilitate the rapid construction of complex management interfaces and data visualization panels. The project distinguishes itself by integrating a centralized design system that propagates visual tokens throughout the application, ensuring consistent branding and styling across all interface elements. It supports responsive layouts through fluid grid systems and offe

    Horizon UI is a full-featured open-source admin template built with Chakra UI and React, offering pre-built dashboard components and page layouts that directly serve as a curated collection your search is after.

    JavaScriptTheme Customization
    View on GitHub↗2,877
  • hauptrolle/chakra-templateshauptrolle avatar

    hauptrolle/chakra-templates

    1,541View on GitHub↗

    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

    This is a curated collection of responsive Chakra UI templates for React, providing pre-built page layouts and examples that directly address the request for reusable Chakra UI resources to accelerate development.

    TypeScriptPrebuilt UI Components
    View on GitHub↗1,541
  • 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

    chakra-ui/chakra-ui-vue is the official Vue.js port of Chakra UI, providing a library of pre-built, accessible, and themeable components with dark mode and responsive support—exactly the kind of reusable component collection this search asks for, though it focuses on the component library rather than a separate set of page templates or example projects.

    JavaScriptDark Mode Toggles
    View on GitHub↗1,846
  • cosscom/cosscosscom avatar

    cosscom/coss

    10,125View on GitHub↗

    Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

    A component and template collection built on Radix UI and shadcn, not Chakra UI, so it offers similar utility but in a different ecosystem than what you're looking for.

    TypeScriptKeyboard Navigation
    View on GitHub↗10,125
  • chakra-ui/arkchakra-ui avatar

    chakra-ui/ark

    5,004View on GitHub↗

    Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

    Ark is a headless UI component library from the Chakra UI organization, but it provides unstyled, cross-framework primitives rather than a curated collection of ready-to-use Chakra UI components and templates with the styling and features you need.

    TypeScriptPrebuilt UI Components
    View on GitHub↗5,004
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
horizon-ui/horizon-ui-chakra2.9KJavaScriptMITJan 13, 2025
hauptrolle/chakra-templates1.5KTypeScriptMITDec 1, 2023
chakra-ui/chakra-ui-vue
1.8K
JavaScript
MIT
Jul 19, 2023
cosscom/coss10.1KTypeScriptAGPL-3.0Jun 22, 2026
chakra-ui/ark5KTypeScriptmitFeb 21, 2026

Related searches

  • a library of UI components for React
  • a react component library for accessible interfaces
  • an accessible React component library for UI
  • a collection of reusable UI components
  • a React Native UI component library
  • a UI component library for SvelteKit projects
  • a library of Material UI dashboard templates
  • a library of Qwik components and integrations