# Visual editor

URL: https://xodia.ai/glossary/visual-editor
Description: A visual editor lets you change a website by clicking and editing the page itself, its text, images, layout and styles, instead of writing the code by hand.
Last updated: 2026-11-08

A visual editor lets you change a website by clicking and editing the page itself, its text, images, layout and styles, instead of writing the code by hand.

Updated November 8, 2026

## What it is

Visual editors range from page builders that store the site in their own format to editors that work on real code. The difference shows when you leave: a site in a builder's format stays with that builder, while code can go anywhere.

A good visual editor works at every screen size, keeps styles consistent through shared classes and variables, and shows the page as visitors will see it.

## In Xodia

Xodia's visual editor works on your site's own code. Click any element on the canvas to select it, double-click text to type, swap images and links in the panel, and change layout, type, colour and spacing in the Style panel, from Phone to Wide.

Each change writes the code directly, as Tailwind classes or CSS rules in your files, with no AI and no credits, and is saved as you go until you push it to git.

## Read more

- [The visual editor](https://xodia.ai/product/visual-editor)
- [Tailwind v4 visual editor](https://xodia.ai/frameworks/tailwind)

## Related terms

- [Breakpoint A breakpoint is a screen width at which a website's layout changes, such as moving from one column on phones to two columns on tablets.](https://xodia.ai/glossary/breakpoint)
- [Design tokens Design tokens are the named values a design system is built from, such as brand colours, font families, text sizes and spacing steps, kept in one place and used everywhere.](https://xodia.ai/glossary/design-tokens)
- [AI-built site An AI-built site is a website whose code was written mostly by an AI app, such as Claude Code or Cursor, from descriptions rather than by hand.](https://xodia.ai/glossary/ai-built-site)

[See every term in the glossary](https://xodia.ai/glossary)

Glossary