Hostinger Horizons is an AI-powered development tool that allows you to create custom web applications and websites in minutes without writing code. It is ideal for solopreneurs or beginners looking to build functional browser-based apps, such as fitness trackers or management tools, as well as full-fledged websites using natural language prompts.
It also serves as a powerful platform for web developers who want to build complex software with less effort by utilizing advanced prompting and manual debugging.
How Hostinger Horizons works
Hostinger Horizons functions as an AI collaborator. You provide instructions through chat or voice, and the AI generates the code, file structure, and backend for your website or application.
- Multilingual support: Enter your prompts in your preferred language; more than 80 languages are supported.
- Visual inputs: You can upload images or screenshots for the AI to interpret and recreate.
- eCommerce integration: Manage your online store directly within Hostinger.
- Technical flexibility: Hostinger Horizons automatically selects the optimal tech stack for your app; typically, it will use Node.js for the backend and React and Vite for the front end. However, you can request specific technologies or tools.
Create websites and apps with Hostinger Horizons
Hostinger Horizons is designed for vibe coding, allowing you to build a wide variety of digital projects across several categories. Here are a few examples:
- Professional websites: Build landing pages, personal portfolios, business sites, online shops, and event websites.
- Productivity and task management: Create habit trackers, fitness platforms, interactive to-do lists, time-tracking tools, or brainstorming boards, personal budget calculators, savings goal monitors, and more.
- Dashboards: Visualize key metrics such as personal finance overviews or project status monitors.
- Learning and entertainment: Create gamified learning apps, interactive quizzes, or web-based versions of classic 2D games like Snake or Tetris.
How to access Hostinger Horizons
To create your first website with Horizons, follow these steps.
- Go to hPanel → Websites.
- Click on Add website and select Hostinger Horizons.
- Enter your initial prompt and proceed to the next steps.
To edit an existing Horizons website:
- Go to hPanel → Horizons.
- Locate your website and click on Edit website.
Interface features
The Hostinger Horizons editor is divided into a few functional areas to help you manage and refine your project.
Sidebar menu
Click on the ≡ icon to access your website management tools.
- Monthly AI credits: Displays your remaining and total credits for the current cycle.
- AI credits usage: Provides a detailed graph of credit consumption over the last 24 hours, 7 days, or 30 days.
- Get AI credits: Options to upgrade your plan or top up your current balance.
- Hostinger dashboard: Redirects you to the main hPanel.
- Create new website: Start a fresh project from scratch.
- Duplicate this website: Create a copy of your current project.
- Account sharing: Securely grant access to your hosting plan to other users or collaborators.
- Earn money with Horizons: Access the referral program or allow others to use your website as a template for commissions.
- Completion sound: Toggle audio notifications for when the AI finishes a task.
Chat area
Review your previous prompts and responses. After each AI output, you can find the following options.
- Provide feedback: Rate the message to improve future responses.
- Credit usage: This icon shows whether AI credits were used for a specific response. If no changes were made, credits will not be spent. Hover on it for details.
- Undo/Restore: Reverts the code changes from a specific message. If no actions were taken, the restore button will not be displayed.
Prompt area
This is where you communicate with the AI. Enter text or use voice-to-text via the microphone icon. You can also find the following tools:
- Image icon: upload a reference image.
- Select and edit: Use this tool to click a specific element on your website and apply changes only to that section in your next prompt.
Top navigation bar
Manage the technical aspects of your site.
- Quick guide (interrogation icon): Take a tour of the interface and find more helpful resources.
- Ask Kodee: Get instant assistance with product questions.
- Integrations: Easily manage your online store or website analytics, no prompting needed.
- Publish: Pushes your latest saved changes to the live version of your website.
On the preview area, you will find the following editor modes:
- Refresh preview: update the current view.
- Open main page (home icon): load your home page in preview mode.
- Editor modes: Switch between the following:
- Preview: Default mode, displays the latest updates on your website.
- Edit content: Make visual edits to static elements. This is the recommended method to edit text and images instead of prompting.
- Code: View the file structure and use the code editor.
- Data (optional): Access the integrated backend. Available if you have added backend functionality to your website.
- Device toggle: Switch to mobile view to check your app’s responsiveness.
- Button to open your website preview on a new tab.
- Fullscreen view (hide the chat and prompt areas)
NOTES
- Currently, Hostinger Horizons cannot create 3D games, browser extensions, trading or banking applications, as well as native mobile applications for the App Store (iOS) or Google Play (Android).
- Using the Undo/Restore function to revert your website to a previous state does not reinstate used credits.