<p align="center">
  <a href="https://horizon-ui.com/boilerplate" target="_blank">
    <img src="https://i.ibb.co/LYGWM0W/top-boilerplate-readme.png" alt="Horizon UI Boilerplate - NextJS Template for Startups & Companies" width="400px" max-width="400px">
  </a>
</p>

<p align="center">
    <a style="color: #4318FF;" target="_blank" href="https://horizon-ui.com/boilerplate">Website</a> •
    <a style="color: #4318FF;" target="_blank" href="https://horizon-ui.com/docs-boilerplate/">Documentation</a> •
    <a style="color: #4318FF;" target="_blank" href="https://horizon-ui.com/pro">Admin Template</a> •
    <a style="color: #4318FF;" target="_blank" href="https://horizon-ui.com/ai-template">AI Template</a> •
    <a style="color: #4318FF;" target="_blank" href="https://twitter.com/horizon_ui">Twitter</a>
<p align="center" style="max-width: 500px; margin: auto;">
  Launch your SaaS startup within a few days with the all-in-one NextJS boilerplate that you always searched for.

</p>

&nbsp;

<p align="center" style="width: 100%;">
<a style="display:flex; justify-content: center; width: 100%;" href="https://horizon-ui.com/boilerplate" target="_blank"><img style="border-radius: 10px; width: 100%;" src="https://i.ibb.co/G0xrhsk/horizon-boilerplate-image-readme.png" alt="Horizon UI Free Tailwind CSS Landing Page Kit" /></a>
</p>


&nbsp;

# Quickstart install

Install our product by running either of the following:

- Open the .zip archive file you got when you bought Horizon
&nbsp;
- Install NodeJS LTS from [NodeJs Official Page](https://nodejs.org/en/) (NOTE: Product only works with LTS version).
&nbsp;

Run in the terminal this command:

```
npm install
```

<br />

Then run this command to start your local server:

```
npm run dev
```
&nbsp;

# Documentation

View <a href="https://horizon-ui.com/docs-boilerplate/" target="_blank">full documentation here</a>


---

# 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#pages" target="_blank">example sections here</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:

1. 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](https://github.com/horizon-ui/boilerplate-issues/blob/main/CHANGELOG.md).
<br />

1. Providing us with reproducible steps for the issue will shorten the time it takes for it to be fixed.
<br />


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 who already use Horizon UI!

💬 [Join the #HorizonUI Discord Community!](https://discord.gg/f6tEKFBd4m)


### Copyright and license

⭐️ [Copyright 2024 Horizon UI](https://www.horizon-ui.com/?ref=readme-horizon)

📄 [Horizon UI License](https://horizon-ui.notion.site/End-User-License-Agreement-8fb09441ea8c4c08b60c37996195a6d5)


---

# Credits

Special thanks to the open-source resources that helped us create this awesome boilerplate package, including:

- [NextJS Subscription Payments](https://github.com/vercel/nextjs-subscription-payments)
- [ChatBot UI by mckaywrigley](https://github.com/mckaywrigley/chatbot-ui)