Site & theme widget

Site Logo

Your logo from the site settings, linked to the home page.

Build it with your AI

“Add the site logo to the header, 120 pixels wide, linked to the home page.”

Live demo

See it working

This is the real widget, not a picture

Settings

19 settings in three tabs

Every setting below is in the editor — and available to your AI through get_widget_schema.

Content

8 settings

Logo

Logo

Image

Resolution

Alt text

Link

URL

When there is no logo

Alignment

Design

11 settings

Logo

Width

Max width

Max height

Border

Border radius

Shadow

Opacity

CSS filters

Site title fallback

Typography

Color

Hover color

Behaviour

shared

On every element

Spacing & position

Background & border

Animations

Motion & effects

Scroll & mouse effects

Visibility

Conditions

Interactions

Attributes & CSS

Build it with AI

Just describe what you want

Your AI looks up the Site Logo settings over MCP and writes the element for you — real, editable and on brand.

Claude · connected to your site

You

Add the site logo to the header, 120 pixels wide, linked to the home page.

Claude · using Uncoder

Done — it’s on your site and fully editable.

  • Site Logo added where you asked
  • Styled with your Design System
  • Checked on tablet and mobile
  • get_widget_schema
  • edit_elements
  • audit_page

What the AI writes

site-logo.jsonJSON
{
  "type": "site-logo",
  "settings": {
    "source": "custom",
    "image": { "id": 5 },
    "alt": "Uncoder",
    "align": "center",
    "width": { "size": 160, "unit": "px" }
  }
}

Free · GPL · No account

Your next site is one prompt away

Install Uncoder, connect your AI and describe what you want. Every page it builds stays yours to edit.