Basic widget
Blockquote
A quote that stands out, with its author and source. Side line, big quote mark or boxed.
Build it with your AI
“Add a pull quote from our founder about why we started the company.”
Live demo
See it working
Simple things done well will always outlast clever things done halfway.
Settings
27 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
8 settings
Blockquote
Quote
Author
Source
Source URL
Style
Quotation mark icon
Dash before author
Alignment
Design
19 settings
Box
Background
Padding
Border radius
Shadow
Accent color
Side border width
Side border spacing
Quotation mark
Color
Size
Spacing
Opacity
Quote
Typography
Color
Text shadow
Author & source
Author typography
Author color
Source typography
Source color
Spacing
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 Blockquote settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a pull quote from our founder about why we started the company.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{ "type": "blockquote", "settings": { } }More basic widgets
Works well with
Alert
A friendly notice for news, warnings and success messages.
Button
A link that looks like a button, in your Design System’s styles: primary, secondary, outline, ghost or link.
Counter
A number that counts up when it scrolls into view — and stays readable for search engines.
Divider
A line between sections, plain or with a word or icon in the middle.
Heading
Titles from h1 to h6, sized by your text styles, with a second font for words in italics.
HTML
Paste any embed code or custom HTML.