<a href="https://horizon-ui.com/boilerplate-shadcn" target="_blank"> <img src="https://i.ibb.co/DGSsjWL/top-boilerplate-shadcn-readme.png" alt="Horizon AI Boilerplate Admin Dashboard NextJS Shadcn UI" width="300px" max-width="400px"> </a> <a style="color: #09090B; text-decoration: underline;" target="_blank" href="https://horizon-ui.com/boilerplate-shadcn">Website</a> • <a style="color: #09090B; text-decoration: underline;" target="_blank" href="https://horizon-ui.com/docs-boilerplate/shadcn-components/auth-UI">Documentation</a> • <a style="color: #09090B; text-decoration: underline;" target="_blank" href="https://horizon-ui.com/boilerplate-shadcn">PRO Version</a> • <a style="color: #09090B; text-decoration: underline;" target="_blank" href="https://github.com/horizon-ui/shadcn-nextjs-boilerplate">Free Template</a> • <a style="color: #09090B; text-decoration: underline;" target="_blank" href="https://twitter.com/horizon_ui">Twitter</a> Launch your SaaS startup within a few days with the first Admin Dashboard Shadcn UI NextJS boilerplate. Get started with Horizon AI Boilerplate today!

Introduction

Horizon AI Boilerplate is the first open-source Admin Dashboard OpenAI ChatGPT AI Template made for Shadcn UI, NextJS, and Tailwind CSS! Start creating outstanding Chat AI SaaS Apps faster.

It comes with over 30+ dark/light frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

Documentation

Each element is well presented in a very complex documentation. You can read more about the <a href="https://horizon-ui.com/docs-boilerplate/shadcn-components/chat" target="_blank">documentation here.</a>

Quick Start

Install Horizon ChatGPT AI Template by running either of the following:

Install NodeJS LTS from NodeJs Official Page (NOTE: Product only works with LTS version)

Clone the repository with the following command:

bash
git clone https://github.com/horizon-ui/shadcn-nextjs-boilerplate.git

Run in the terminal this command:

npm install

npm run init

Then run this command to start your local server:

npm run dev

Your API Key is not working?

Make sure you have an OpenAI account and a valid API key to use ChatGPT. We don't sell API keys.
Make sure you have your billing info added in OpenAI Billing page. Without billing info, your API key will not work.
The app will connect to the OpenAI API server to check if your API Key is working properly.

Figma Version

Horizon AI Boilerplate is available in Figma format as well! Check it out here! 🎨

Example Sections

If you want to get inspiration for your startup project or just show something directly to your clients, you can jump-start your development with our pre-built example sections. You will be able to quickly set up the basic structure for your web project.

View <a href="https://horizon-ui.com/boilerplate-shadcn#pages" target="_blank">example sections here</a>

PRO Version

Unlock a huge amount of components and pages with our PRO version - <a href="https://horizon-ui.com/boilerplate-shadcn#pricing" target="_blank">Learn more</a>

Reporting Issues

We use GitHub Issues as the official bug tracker for the Horizon UI. Here are
some advice for our users who want to report an issue:

Make sure that you are using the latest version of the Horizon UI Boilerplate. Check the CHANGELOG for your dashboard on our CHANGE LOG File.
Providing us with reproducible steps for the issue will shorten the time it takes for it to be fixed.
Some issues may be browser-specific, so specifying in what browser you encountered the issue might help.