Spaces:
Configuration error
Configuration error
| # [Horizon ChatGPT AI Template](https://horizon-ui.com/chatgpt-ai-template) [](https://twitter.com/intent/tweet?text=Check%20Horizon%20ChatGPT%20AI%20Template,%20the%20trendiest%20open%20source%20ChatGPT%20AI%20admin%20template%20for%20%23nextjs%20and%20%23react!%0A%0Ahttps%3A//horizon-ui.com/chatgpt-ai-template/%20%20) | |
|  | |
| [](https://github.com/horizon-ui/chatgpt-ai-template/issues?q=is%3Aopen+is%3Aissue) | |
| <p> </p> | |
| [<img alt="Horizon UI - Tailwind CSS React Admin dashboard template" src="https://i.ibb.co/Qmym1qt/horizon-ai-template-presentation-image-open-source.png" />](https://horizon-ui.com/ai-template) | |
| <p> </p> | |
| Get started and build your dream AI web app with Horizon AI Template, the trendiest & innovative Open-Source Free ChatGPT AI Admin Template for NextJS & React! | |
| --- | |
| ### Introduction | |
| Horizon ChatGPT AI Template is the world's best open source OpenAI ChatGPT AI Template made with React, NextJS and Chakra UI! 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-ai-template/?ref=readme-horizon-ai-template-free" 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](https://nodejs.org/en/?ref=horizon-documentation) (NOTE: Product only works with LTS version) | |
| Clone the repository with the following command: | |
| ```bash | |
| git clone https://github.com/horizon-ui/chatgpt-ai-template.git | |
| ``` | |
| Run in the terminal this command: | |
| ```bash | |
| npm install | |
| ``` | |
| Then run this command to start your local server | |
| ```bash | |
| npm run dev | |
| ``` | |
| ### Your API Key is not working? | |
| - Make sure you have an [OpenAI account](https://platform.openai.com/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](https://platform.openai.com/account/billing/overview). 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. | |
| ### ATTENTION: The model: `GPT-4` does not work yet. | |
| If you are trying to use GPT-4, model it will not work if you don't have access from OpenAI. | |
| Note that even if you have ChatGPT Plus, you still need to request access to the GPT-4 API in order to use it with your API Key. | |
| This is OpenAI's restriction and we can't do anything about it. You can join the waitlist [here](https://openai.com/waitlist/gpt-4-api) . | |
| ### Example Page | |
| If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example page. You will be able to quickly set up the basic structure for your web project. | |
| View <a href="https://horizon-ui.com/chatgpt-ai-template/?ref=readme-horizon-ai-template-free" target="_blank">example pages here.</a> | |
| ### Versions | |
| | Free Version | PRO Version | | |
| | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | |
| | [](https://github.com/horizon-ui/chatgpt-ai-template) | [](https://www.horizon-ui.com/ai-template?ref=readme-horizon-ai-template-free) | | |
| ### Figma Version | |
| Horizon AI Template is available in Figma format as well! Check Figma | |
| files in your .zip files! 🎨 | |
| ### Reporting Issues | |
| We use GitHub Issues as the official bug tracker for the Horizon UI. Here are | |
| some advices for our users that want to report an issue: | |
| 1. Make sure that you are using the latest version of the Horizon AI Template. | |
| Check the CHANGELOG from your dashboard on our | |
| [CHANGE LOG File](https://github.com/horizon-ui/chatgpt-ai-template/blob/main/CHANGELOG.md?ref=readme-horizon-ai-template-free). | |
| 2. Providing us reproducible steps for the issue will shorten the time it takes | |
| for it to be fixed. | |
| 3. Some issues may be browser specific, so specifying in what browser you | |
| encountered the issue might help. | |
| --- | |
| ### Community | |
| Connect with the community! Feel free to ask questions, report issues, and meet new people that already use Horizon AI Template! | |
| 💬 [Join the #HorizonUI Discord Community!](https://discord.gg/f6tEKFBd4m) | |
| ### Copyright and license | |
| ⭐️ [Copyright 2023 Horizon UI ](https://www.horizon-ui.com/?ref=readme-horizon-ai-template-free) | |
| 📄 [Horizon UI License](https://horizon-ui.notion.site/End-User-License-Agreement-8fb09441ea8c4c08b60c37996195a6d5) | |