{"id":10261,"date":"2026-05-04T13:39:23","date_gmt":"2026-05-04T13:39:23","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10261"},"modified":"2026-05-08T13:03:36","modified_gmt":"2026-05-08T13:03:36","slug":"hostinger-horizons-product-overview","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-horizons-product-overview\/","title":{"rendered":"Hostinger Horizons: Overview and features"},"content":{"rendered":"<p class=\"no-margin\"><a class=\"intercom-content-link\" href=\"https:\/\/www.hostinger.com\/horizons\" target=\"_blank\" rel=\"noopener\">Hostinger Horizons<\/a> 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.<\/p><p>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.<\/p><h2 id=\"h-how-hostinger-horizons-works\">How Hostinger Horizons works<\/h2><p>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.<\/p><ul>\n<li><strong>Multilingual support<\/strong>: Enter your prompts in your preferred language; more than 80 languages are supported.<\/li>\n<li><strong>Visual inputs<\/strong>: You can upload images or screenshots for the AI to interpret and recreate.<\/li>\n<li><strong>eCommerce integration<\/strong>: Manage your online store directly within Hostinger.<\/li>\n<li><span data-path-to-node=\"6,3,1,0\"><span data-path-to-node=\"6,3,1,0\"><b data-path-to-node=\"6,3,1,0\" data-index-in-node=\"0\"><span class=\"citation-900\">Technical flexibility<\/span><\/b><span class=\"citation-900\">: Hostinger Horizons automatically selects the optimal tech stack for your app; typically, it will <\/span><\/span><\/span>use Node.js for the backend and React and Vite for the front end. However, y<span data-path-to-node=\"6,3,1,0\"><span class=\"citation-900\">ou can request specific technologies or tools<\/span><\/span><span data-path-to-node=\"6,3,1,2\">.<\/span><\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">Changing the default tech stack may cause compatibility issues.<\/div><h2 id=\"h-create-websites-and-apps-with-hostinger-horizons\">Create websites and apps with Hostinger Horizons<\/h2><p>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:<\/p><ul>\n<li><strong>Professional websites<\/strong>: Build landing pages, personal portfolios, business sites, online shops, and event websites.<\/li>\n<li><strong>Productivity and task management<\/strong>: Create <a href=\"https:\/\/www.hostinger.com\/tutorials\/create-habit-tracking-web-app\">habit trackers<\/a>,&nbsp;<a href=\"https:\/\/www.hostinger.com\/tutorials\/create-fitness-web-app\" rel=\"follow\" data-wpel-link=\"internal\">fitness platforms<\/a>, interactive to-do lists, <a href=\"https:\/\/www.hostinger.com\/tutorials\/create-time-tracking-web-app\">time-tracking<\/a> tools, or brainstorming boards, personal budget calculators, savings goal monitors, and more.<\/li>\n<li><strong>Dashboards<\/strong>: Visualize key metrics such as personal finance overviews or project status monitors.<\/li>\n<li><strong>Learning and entertainment<\/strong>: Create gamified <a href=\"https:\/\/www.hostinger.com\/tutorials\/create-language-learning-web-app\">learning apps<\/a>, interactive quizzes, or web-based versions of classic 2D games like Snake or Tetris.<\/li>\n<\/ul><h2 id=\"h-how-to-access-hostinger-horizons\">How to access Hostinger Horizons<\/h2><p>To create your first website with Horizons, follow these steps.<\/p><ol>\n<li>Go to hPanel <span style=\"font-weight: 400\">&rarr; <\/span><a href=\"https:\/\/hpanel.hostinger.com\/websites\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Websites<\/span><\/a>.<\/li>\n<li>Click on <strong>Add website<\/strong> and select <strong>Hostinger Horizons<\/strong>.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7801\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/add-website-type.png\" alt=\"The Add website button showing the website options in Hostinger hPanel\" width=\"280\" height=\"337\" data-media-id=\"7801\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/add-website-type.png 453w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/add-website-type-249x300.png 249w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/li>\n<li>Enter your initial prompt and proceed to the next steps.<\/li>\n<\/ol><p>To edit an existing Horizons website:<\/p><ol>\n<li>Go to hPanel <span style=\"font-weight: 400\">&rarr; <\/span><a href=\"https:\/\/hpanel.hostinger.com\/websites?websiteType=horizons\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Horizons<\/span><\/a>.<\/li>\n<li>Locate your website and click on <strong>Edit website<\/strong>.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7222\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/2026-01-05_15-47-300x155.png\" alt=\"Edit website button highlighted in a website management interface\" width=\"300\" height=\"155\" data-media-id=\"7222\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/2026-01-05_15-47-300x155.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/2026-01-05_15-47-768x398.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/2026-01-05_15-47.png 1004w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<\/ol><h2 id=\"h-interface-features\">Interface features<\/h2><p>The Hostinger Horizons editor is divided into a few functional areas to help you manage and refine your project.<\/p><h3>Sidebar menu<\/h3><p>Click on the &equiv; icon to access your website management tools.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10264\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-side-menu.png\" alt=\"Hostinger Horizons side menu with AI credits and completion sound toggle enabled\" width=\"281\" height=\"426\" data-media-id=\"10264\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-side-menu.png 350w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-side-menu-198x300.png 198w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><\/p><ul>\n<li><strong>Monthly AI credits<\/strong>: Displays your remaining and total credits for the current cycle.<\/li>\n<li><strong>AI credits usage<\/strong>: Provides a detailed graph of credit consumption over the last 24 hours, 7 days, or 30 days.<\/li>\n<li><strong>Get AI credits<\/strong>: Options to <a href=\"https:\/\/www.hostinger.com\/support\/10771095-hostinger-horizons-how-to-upgrade-a-plan\/\">upgrade<\/a> your plan or <a href=\"https:\/\/www.hostinger.com\/support\/11136677-hostinger-horizons-pricing\/#h-top-ups\">top up<\/a> your current balance.<\/li>\n<li><strong>Hostinger dashboard<\/strong>: Redirects you to the main <a href=\"https:\/\/www.hostinger.com\/support\/1583483-comprehensive-guide-to-hpanel-at-hostinger\/\">hPanel<\/a>.<\/li>\n<li><strong>Create new website<\/strong>: Start a fresh project from scratch.<\/li>\n<li><strong>Duplicate this website<\/strong>: Create a copy of your current project.<\/li>\n<li><strong>Account sharing<\/strong>: Securely <a href=\"https:\/\/www.hostinger.com\/support\/1583777-how-to-share-access-to-your-account-at-hostinger\/\">grant access<\/a> to your hosting plan to other users or collaborators.<\/li>\n<li><strong>Earn money with Horizons<\/strong>: Access the <a href=\"https:\/\/www.hostinger.com\/support\/6080777-how-to-use-the-referral-program-at-hostinger\">referral program<\/a> or allow others to use your website as a template for commissions.<\/li>\n<li><strong>Completion sound<\/strong>: Toggle audio notifications for when the AI finishes a task.<\/li>\n<\/ul><h3>Chat area<\/h3><p>Review your previous prompts and responses. After each AI output, you can find the following options.<\/p><ul>\n<li><strong>Provide feedback<\/strong>: Rate the message to improve future responses.<\/li>\n<li><strong>Credit usage<\/strong>: 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.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10265\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-no-credits-used.png\" alt=\"Hostinger Horizons chat showing no AI credit used icon highlighted near the message\" width=\"280\" height=\"434\" data-media-id=\"10265\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-no-credits-used.png 392w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-no-credits-used-194x300.png 194w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/li>\n<li><strong>Undo\/Restore<\/strong>: Reverts the code changes from a specific message. If no actions were taken, the restore button will not be displayed.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8700\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/hostinger-horizons-restore.png\" alt=\"Hostinger Horizons interface showing the Restore button highlighted by an orange arrow\" width=\"332\" height=\"104\" data-media-id=\"8700\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/hostinger-horizons-restore.png 466w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/hostinger-horizons-restore-300x94.png 300w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/li>\n<\/ul><h3>Prompt area<\/h3><p>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:<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10266\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-prompt-box.png\" alt=\"Hostinger Horizons prompt box with image upload, send, microphone, and submit icons\" width=\"328\" height=\"129\" data-media-id=\"10266\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-prompt-box.png 387w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-prompt-box-300x118.png 300w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/p><ol>\n<li><strong>Image icon<\/strong>: upload a reference image.<\/li>\n<li><strong>Select and edit<\/strong>: Use this tool to click a specific element on your website and apply changes only to that section in your next prompt.<\/li>\n<\/ol><h3>Top navigation bar<\/h3><p>Manage the technical aspects of your site.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10274\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-top-bar.png\" alt=\"Hostinger Horizons top bar with menu, help, Ask Kodee, Integrations, Preview, and Publish button\" width=\"704\" height=\"98\" data-media-id=\"10274\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-top-bar.png 963w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-top-bar-300x42.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/hostinger-horizons-top-bar-768x107.png 768w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/p><ul>\n<li><strong>Quick guide <\/strong>(interrogation icon): Take a tour of the interface and find more helpful resources.<\/li>\n<li><strong>Ask Kodee<\/strong>: Get instant assistance with product questions.<\/li>\n<li><strong>Integrations<\/strong>: Easily manage your online store or website analytics, no prompting needed.<\/li>\n<li><strong>Publish<\/strong>: Pushes your latest saved changes to the <a href=\"https:\/\/www.hostinger.com\/support\/10506149-hostinger-horizons-how-to-publish-your-app\/\">live version<\/a> of your website.<\/li>\n<\/ul><p>On the preview area, you will find the following editor modes:<\/p><ul>\n<li><strong>Refresh preview<\/strong>: update the current view.<\/li>\n<li><strong>Open main page<\/strong> (home icon): load your home page in preview mode.<\/li>\n<li><strong>Editor modes<\/strong>: Switch between the following:\n<ul>\n<li><strong>Preview<\/strong>: Default mode, displays the latest updates on your website.<\/li>\n<li><strong>Edit content<\/strong>: Make <a href=\"https:\/\/www.hostinger.com\/support\/11695969-hostinger-horizons-visual-editor-changes\/\">visual edits<\/a> to static elements. This is the recommended method to edit text and images instead of prompting.<\/li>\n<li><strong>Code<\/strong>: View the file structure and use the <a href=\"https:\/\/www.hostinger.com\/support\/11987074-hostinger-horizons-code-editor\/\">code editor<\/a>.<\/li>\n<li><strong>Data <\/strong>(optional): Access the <a href=\"https:\/\/www.hostinger.com\/support\/how-to-access-and-modify-your-hostinger-horizons-project-data\/\">integrated backend<\/a>. Available if you have added backend functionality to your website.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Device toggle<\/strong>: Switch to mobile view to check your app&rsquo;s responsiveness.<\/li>\n<li>Button to open your website preview on a new tab.<\/li>\n<li>Fullscreen view (hide the chat and prompt areas)<\/li>\n<\/ul><p>&nbsp;<\/p><div class=\"intercom-container intercom-align-center\">With Hostinger Horizons, you can transform a vision into a fully functional digital product. Simply describe what you want to build, and let the AI handle the technical execution.<\/div><p><strong>NOTES<\/strong><\/p><ul>\n<li><span data-path-to-node=\"6,1,1,0\"><span class=\"citation-902\">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)<\/span><\/span><span data-path-to-node=\"6,1,1,2\">.<\/span><\/li>\n<li>Using the Undo\/Restore function to revert your website to a previous state does not reinstate used credits.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Build functional web software and sites through natural language and vibe coding<\/p>\n","protected":false},"author":599,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[310],"tags":[],"class_list":["post-10261","post","type-post","status-publish","format-standard","hentry","category-hostinger-horizons-getting-started"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/599"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=10261"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10261\/revisions"}],"predecessor-version":[{"id":10276,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10261\/revisions\/10276"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=10261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=10261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=10261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}