Marketing widget
Flip Box
A card that turns over on hover, focus or tap to reveal more and a button.
Build it with your AI
“Add three flip boxes for our services; the back shows a short promise and a Book now button.”
Live demo
See it working
Fast onboarding
Hover, focus or tap to turn the card.
Your brand
Hover, focus or tap to turn the card.
Real support
Hover, focus or tap to turn the card.
Settings
50 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
16 settings
Front
Graphic
Icon
Image
Title
Description
Back
Title
Description
Button text
Button link
Button style
Button size
Effect
Effect
Slide from
3D depth
Duration (ms)
Title HTML tag
Design
34 settings
Box
Height
Border radius
Border
Shadow
Focus ring color
Front
Background
Overlay
Text color
Padding
Alignment
Vertical position
Icon color
Icon background
Icon size
Image width
Image radius
Spacing below
Typography
Color
Back
Background
Overlay
Text color
Padding
Alignment
Vertical position
Typography
Color
Spacing below
Button
Typography
Border radius
Spacing above
Text color
Background
Border 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 Flip Box settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add three flip boxes for our services; the back shows a short promise and a Book now button.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "flip-box",
"settings": {
"front_icon": "rocket",
"front_title": "Fast onboarding",
"front_description": "Hover, focus or tap to turn the card.",
"back_title": "Live in a day",
"back_description": "Your first pages, built with you, in one working session.",
"button_text": "Book now"
}
}More marketing widgets
Works well with
Animated Headline
A headline that moves: a hand-drawn circle around one word, or words that rotate in turn.
Call to Action
A promo box with an image, a title, a line of text and up to two buttons — beside or on top of the image.
Countdown
Count down to a launch, or give every visitor their own 24-hour deadline.
Link in Bio
A complete link-in-bio page in one widget: photo, name, bio, social icons and big link buttons.
Marquee
An endless strip of words, icons or images that scrolls by and pauses on hover.
Price List
Items and prices joined by dotted lines, like a restaurant menu or a price sheet.