The world's first ChatGPT AI template & kit for React 🧠
Tags: webdev, react, ai, showdev
Published: 2023-06-20 12:26:05

Hello, guys! 👋

I am Fredy, and I am so excited to introduce to you our new product, <strong><a href="https://horizon-ui.com/ai-template?ref=devto" target="_blank">Horizon AI Template</a></strong>, the world's first ChatGPT AI Template made for React, NextJS, and Chakra UI!

<strong>What’s Horizon AI Template?</strong>

Based on <a href="https://horizon-ui.com/pro?ref=devto" target="_blank">Horizon UI Admin Template</a> design guidelines, our new ChatGPT AI Template helps you create stunning AI SaaS web apps 10X faster than ever before.

Horizon AI Template comes with over <strong>100+ individual components</strong>, like buttons, inputs, prompt templates, cards, or alerts, giving you the freedom of choosing and combining, more than <strong>27+ ready-to-use fully-coded example pages</strong>, and many more premium features!

<strong>How can I get started with Horizon AI Template?</strong>

It's so easy, after purchasing it from our <a href="https://horizon-ui.com/ai-template/?ref=devto" target="_blank">website</a>, you will receive a .zip file, and all you need to do is to start the project with the help of NPM! To make sure that everyone understands how Horizon AI Template and its innovative elements work, each element is well presented in very complex documentation. You can read more about the documentation here 👉 <a href="https://horizon-ui.com/docs-ai-template/docs/introduction?ref=devto" target="_blank">horizon-ui.com/docs-ai-template/</a>

<strong>What is the idea behind Horizon AI Template?</strong>

While building Horizon AI Template, we knew that we had a few things to get right:

→ The main idea was to create the ultimate solution for all developers &amp; entrepreneurs that want to make their own AI App updated to the latest design trends &amp; functionalities.

→ We had to make sure that is for anyone, not just developers, but for designers too, so Horizon AI Template comes with specially made Figma files.

→ Another important thing was to make a layered &amp; detailed code structure, so every component &amp; element has its own .tsx file, to be easy to customize.

<strong>Is there a Free / Open-source version as well?</strong>

Yes, there is one. Horizon AI Template Free is a good starting point for everybody who wants to create entry-level ChatGPT-based AI applications (Chat UI Page) or for those that want to test a limited version of Horizon AI Template before upgrading. You can learn more about it (<a href="https://github.com/horizon-ui/chatgpt-ai-template" target="_blank">here</a>)

It's our first ChatGPT-based product, so if you guys have any ideas of how we can make it better for your needs, it will be more than helpful! Let us know what your thoughts are about Horizon AI Template, your feedback is very valuable, as it helps us continuously improve it. Thank you so much!

Below are some useful links if you want to contribute and give feedback ⬇️

📌 Horizon AI Template: <a href="https://horizon-ui.com/ai-template?ref=devto" target="_blank">horizon-ui.com/ai-template</a>


📌 Live Preview: <a href="https://horizon-ui.com/horizon-ai-template?ref=devto" target="_blank">horizon-ui.com/horizon-ai-template/</a>

📌 Horizon AI Template Free: <a href="https://github.com/horizon-ui/chatgpt-ai-template" target="_blank">Github Repo</a>

📌 Documentation: <a href="https://horizon-ui.com/docs-ai-template/docs/introduction?ref=devto" target="_blank">horizon-ui.com/docs-ai-template/</a>