Horizon UI is a paid tool. Please visit their website for pricing details.

Horizon UI

Open-source React admin templates for Chakra UI, Next.js, and Tailwind CSS dashboard projects.

subscription

Last Updated 7/30/2026

About Horizon UI

Horizon UI provides open-source React admin templates for teams that want to begin with coded dashboard components and page examples. The official site presents variants built with Chakra UI or Tailwind CSS and offers JavaScript, TypeScript, and a documented Next.js combination. Common examples include authentication, profile, and NFT pages, while the Horizon AI Template adds a React, Next.js, and Chakra UI foundation for ChatGPT-based applications with more than 100 dark and light interface elements. This breadth can shorten interface setup, but the variants are separate starting points rather than one interchangeable package, so teams still need to select a stack and check its dependencies. The boilerplate documentation also shows a three-card pricing page wired for checkout, subscription management, and dashboard routing; actual products and prices must be configured in Stripe.

Best for

React developers who want a ready-made admin interface

Teams choosing between Chakra UI and Tailwind CSS dashboard starters

Builders prototyping ChatGPT-based SaaS interfaces

Best use cases

Starting an admin dashboard without designing every page from scratch

Comparing JavaScript, TypeScript, and Next.js template variants

Connecting a custom Stripe catalog to a three-card pricing interface

Compare before choosing

Offers several React and UI-library combinations rather than one fixed stack

Includes open-source dashboard downloads alongside subscription-oriented boilerplate documentation

Requires teams to evaluate each template variant and its dependencies separately

Features

React admin dashboard

Start with coded layouts and components for authentication, profile, NFT, and other common admin pages instead of designing each screen from scratch.

Multiple UI stacks

Choose a Chakra UI or Tailwind CSS template and pair it with JavaScript, TypeScript, or the documented Next.js option.

AI application template

Use Horizon AI Template components and coded pages as the interface foundation for a ChatGPT-based SaaS application or prompt-driven web app.

Pros

Open-source downloads reduce the upfront cost of testing a React dashboard starter.
Multiple Chakra UI and Tailwind CSS variants let teams align the template with an existing frontend stack.
Coded components and page examples reduce the workflow needed to assemble common admin screens.

Cons

Separate JavaScript, TypeScript, Next.js, Chakra UI, and Tailwind variants require compatibility checks before adoption.
The documented pricing interface still requires teams to configure their own Stripe products and prices.
Security and privacy assurances are not part of the product information presented for these templates, so teams must assess their own deployment requirements.

Pricing Plans

Stripe-configured subscription

Configured in StripeCustom

Three-card pricing interface
Checkout function calls
Subscription management flow
Dashboard routing after checkout

* Pricing information is for reference only. Please refer to the latest announcement on Horizon UI's official website.

FAQ

Horizon UI is an open-source React admin template provider with dashboard options for Chakra UI, Next.js, and Tailwind CSS. Its templates supply coded interface elements and page examples for building web application dashboards.

The official site offers Chakra UI templates for React with TypeScript or JavaScript, a Chakra UI option for React and Next.js, and Tailwind CSS templates for React with TypeScript or JavaScript.

Yes. Horizon AI Template is built with React, Next.js, and Chakra UI for ChatGPT-based projects, and its documentation describes more than 100 dark and light interface elements.