Marketing widget

Price List

Items and prices joined by dotted lines, like a restaurant menu or a price sheet.

Build it with your AI

“Add a menu of our coffees with names, descriptions and prices joined by dotted lines.”

Live demo

See it working

This is the real widget, not a picture

  • Flat white

    $4.20

    Double ristretto with silky steamed milk.

  • Cold brew

    $4.80

    Steeped for 18 hours and served over ice.

  • Almond croissant

    $5.50

    Baked in-house every morning with toasted almonds.

Settings

30 settings in three tabs

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

Content

8 settings

Items

Items

Title HTML tag

Image resolution

Layout

Columns

Price position

Leader line

Image position

Dividers between items

Design

22 settings

List

Space between items

Space between columns

Item padding

Item radius

Divider color

Image vertical alignment

Item background

Image

Width

Aspect ratio

Border radius

Gap to text

Title

Typography

Color

Linked item hover color

Price

Typography

Color

Background

Weight

Space around

Description

Typography

Color

Spacing above

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 Price List settings over MCP and writes the element for you — real, editable and on brand.

Claude · connected to your site

You

Add a menu of our coffees with names, descriptions and prices joined by dotted lines.

Claude · using Uncoder

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

  • Price List 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

price-list.jsonJSON
{ "type": "price-list", "settings": {  } }

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.