Features & editing

Everything you need, in one place.

GitQi keeps its surface area small on purpose — but every feature earns its keep. This page shows you the full set, what it looks like in use, and the keyboard shortcuts that make it feel like an editor you've used for years.

A colorful illustration representing the GitQi project
Overview

Small toolbar. Big range.

The editor lives in a compact floating toolbar at the top of the page. Hover interactions reveal controls in context. Every action auto-saves to disk and keeps a full undo history across the session.

Editor Toolbar

Inline editing

Click to edit. Select to format. Links, code, bold, italic, fonts, sizes, colors — all from a floating toolbar.

Image & Video swap

Replace any image or video with one click. Uploaded files go to your local assets/ folder and sync on publish.

AI sections & pages

Generate a themed section between existing ones, or ask for a whole new page. Gemini powered.

Reformat & undo/redo

Restructure a section without losing its content. Walk back every structural change with Ctrl+Z / Ctrl+Shift+Z.

Nav & pages manager

Restructure the nav or footer on any page — the new version writes back to every other page automatically.

Theme controls

Adjust colors, fonts, spacing, favicon, and meta tags live from the Theme panel. Every page updates instantly.

Feature preview

A closer look at the craft behind each feature.

Each feature is built to disappear into the background of your workflow. Here's what the experience looks like in use.

Screenshot showing the AI add-section popup
Text Editing

Edit text by clicking on it

Clicking on text makes it editable.  You just type and the content is saved to your computer in the HTML file.  When editing, you can use Ctrl+Z to undo and Ctrl+Shift+Z to redo.  If you select text, a styling editor shows to style the highlighted text.

  • Edit content in place right in your editor.
  • Select text to modify its styling, including font, color, size, etc.
  • All fonts and colors defined in the Theme are available styles.
LinK Editing

Edit links by clicking on it

When clicking on a link, you are presented a smart link editing tool. You can go to that link with the button in the top right.  If you type an external URL, it will default to opening in a new tab.  Type mailto: in the URL and you are presented with an email template.

  • Edit the details of the link, with easy previewing.
  • Jump to allows you to pick any page or section on the site.
  • Advanced options like mailto: support with email obfuscation.
Screenshot showing the inline text editing toolbar
Screenshot showing image swap in action
Images

Swap images by clicking them.

Click any editable image to open a file picker. GitQi writes the file into your local assets/ folder, rewrites the src, and queues it for the next publish. No drag-and-drop anxiety, no hidden folders, no mystery.

  • Every new image is named for its source element.
  • Assets sync to GitHub on publish — no separate step.
  • Your assets/ folder stays fully under your control.
AI sections

Generate or reformat sections with AI.

Hover between two sections to reveal + Add Section. Describe what you want — "a three-card features grid with icons" — and a themed section appears, matched to your palette and typography. Hover any existing section for ⟳ Reformat to restructure it without losing content.

  • Powered by Gemini via your own free API key.
  • Every generated section is editable like any other.
  • Undo walks back the full structural change.
Screenshot showing the AI add-section popup
Screenshot showing multi-page manager
Pages & nav

Multi-page sites, synced automatically.

Click Pages in the toolbar to add a new AI-generated page, navigate between pages, or remove a page you no longer need. Whenever the nav changes — a reformat, a new page, a rename — the update is mirrored to every other page file on disk instantly.

  • Automatic gitqi-pages.json manifest.
  • Nav and footer edits sync without a manual rebuild.
  • Page titles and meta descriptions are editable per page.
Theme

Palette, fonts, and spacing in one panel.

Click Theme to open a live-editing panel for every visual token: primary and accent colors, heading and body fonts, spacing scale, border radius, and meta tags. Changes update the page in real time and apply across every file in your site.

  • All changes to the theme are synced across the pages.
  • Edit the favicon, page title, description, and keywords inline.
  • Google Fonts catalog (~1,900 families) with a live-preview picker, combined with a custom color picker allow for ultimate flexibility.
Screenshot showing theme panel
Screenshot showing the publish button and GitHub sync
Publish

One click. Clean HTML. Live site.

Click Publish and GitQi serializes every page, strips the editor scripts and your credentials, then pushes the clean files straight to your GitHub repo via the Contents API. GitHub Pages picks up the changes and your site is updated in about sixty seconds.

  • No Git, no CLI, no build step.
  • Published HTML contains no editor code — ever.
  • Supports custom domains via GitHub's native settings.