# Lunasites — A website builder with a CMS at its core Build with a responsive 24/12/8 grid, inline editing, the Style Panel, a structured CMS, and Luna MCP in one connected website workspace. [Watch how it works](/#luna-block-6ab9ac59-a69f-405b-bc00-42a8944dced6-1i1nx9h) Bring your website to life with easy design tools. Make it your own, add your content, and publish when you’re ready—all in one place. # Build your website with no coding experience. [Start building for free](https://dashboard.lunasites.io/builder) ✦ AI integration & Website builder & CMS ✦ ## YOUR** ****WEBSITE.**** **YOUR** ****FAVORITE AI.** Create a complete website from a simple prompt. Refine it through the AI assistant you prefer, then make it truly yours by fine-tuning every section using the advanced Lunasites editor. [How to connect](/docs/dashboard/mcp-ai) Choose a complete website template as your starting point, then customize every page, section, and detail until the entire site feels uniquely yours. [Explore all templates](https://dashboard.lunasites.io/builder) ## START WITH **MOMENTUM**. ## NOT A BLANK PAGE ## The **Web**** **is yours to **Shape** Design freely on a responsive grid: place, move, and resize blocks exactly where you want, or edit structured content inline through a more classic CMS. Whichever way you work, every element remains fully customizable. ![Bg turqoise](/api/luna-gallery/1786643567183-822521-engin-akyurt-Hlkuojv_P6I-unsplash.jpg/@@download/image) ## **Free Editing** 24 DESKTOP · 12 TABLET · 8 MOBILE Freely move, resize, and arrange every element on a **Responsive grid**, with control across every screen size. ![Bg turqoise](/api/luna-gallery/1786648546242-gn69qf-bg-turqoise.jpg/@@download/image) ## **CMS** TEMPLATE-DRIVEN CONTENT Create and update articles, blogs, news, and other repeatable content while templates keep every page consistent. ![Bg turqoise](/api/luna-gallery/1786648580179-x2n76s-bg-pink.jpg/@@download/image) ## **Style Panel** CONTROL EVERY DETAIL Fine-tune every element with intuitive visual controls and create hover states without the need to write any code. ![R1](/api/luna-gallery/1786655661790-ku9r4t-visuals-desktop-3.jpg/@@images/image) **DEKSTOP** Build with room to think. Luna’s **24-column**** **desktop grid gives you precise control over placement, scale, overlap, and rhythm. Drag, resize, and layer every block to create compositions that never feel locked to a template. ## Free Editing ## Grid Mode **TABLET** Design with every screen in mind. Luna’s **12-column** tablet grid gives you precise control over placement, scale, overlap, and rhythm. ![R1](/api/luna-gallery/1786655638357-obmh4b-visuals-tablet-3.jpg/@@images/image) ![R1](/api/luna-gallery/1786655558939-cxx2me-visuals-mobile-4.jpg/@@images/image) **MOBILE** Design for the smallest screen with the same freedom. Luna’s **8-column** mobile grid gives you precise control. ![Visual style](/api/luna-gallery/1786653450714-lybsw1-visual-style.jpg/@@images/image) Shape every detail of your website with the **Style Panel**. Customize typography, spacing, backgrounds, borders, and visual effects, then create engaging hover styles and transformations. Save your favorite combinations as **reusable presets** to keep your design consistent across every page and screen size. ## Style Panel ## Design Features Create types of content: **news, articles, blog posts, events, projects, case studies, and more **using flexible content types designed around your needs. When your content is ready, publish it in seconds. ![7](/api/luna-gallery/1786611622865-yg6xxx-7.jpg/@@images/image) Keep drafts in a **private state** while you work, then switch them to a **published state** whenever you’re ready for them to appear on your website. Easily browse all your content, organize it into folders, and keep every page, article, and post neatly arranged across your site. ![Categorization](/api/luna-gallery/1786620982625-382sn8-categorization.jpg/@@images/image) ![Sidebar](/api/luna-gallery/1786621601494-sybp46-sidebar.jpg/@@images/image) ![Publish](/api/luna-gallery/1786621141572-hco9hp-publish.jpg/@@images/image) ![Prev image](/api/luna-gallery/1786639768120-pra9g4-prev-image.jpg/@@images/image) ![Listing 1](/api/luna-gallery/1786641360812-n0fm10-listing-1.jpg/@@images/image) ![Listing 2](/api/luna-gallery/1786641555317-vsrty3-listing-2.jpg/@@images/image) ![Listing 3](/api/luna-gallery/1786641714948-1yxwud-listing-3.jpg/@@images/image) The **Listing block** automatically displays all your content, whether it’s articles, blog posts, news, events, projects, or more in organized, customizable collections. ## CMS Editing ## Inline Mode ## The web was never meant to be square. ![Custom shape](/api/luna-gallery/1786655761944-e3e1sw-custom-shapes-2.jpg/@@images/833ffedb-91cd-4b63-89f3-751bd95e2997.jpg) Create **Custom Shapes** directly in Lunasites, no separate design software required. Shape every point and curve until it matches your idea, then save it as a reusable preset and use it anywhere across your site. ## **Questions,** ## **answered.** ## Stay in our orbit