Marketing widget
Link in Bio
A complete link-in-bio page in one widget: photo, name, bio, social icons and big link buttons.
Build it with your AI
“Build a link-in-bio page with my photo, name, a short bio and four links.”
Live demo
See it working
Maya ThompsonVerified
@mayabuilds
Designer at Northwind Studio. I build calm websites — mostly by talking to my AI.
Settings
53 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
17 settings
Profile
Profile photo
Show photo or initials
Name
Name HTML tag
Verified badge
Handle
Bio
Links
Links
Button style
Label alignment
Arrow at the end
Highlight animation
Social icons
Profiles
Position
Style
Open in a new tab
Footer
Footer text
Design
36 settings
Layout & background
Column width
Fill the screen
Profile alignment
Padding
Background
Overlay
Text color
Space between blocks
Card
Show as a card
Card color
Card padding
Card radius
Card shadow
Profile
Photo size
Photo shape
Photo ring
Typography
Color
Handle color
Badge color
Links
Typography
Border
Border radius
Minimum height
Space between links
Icon size
Shadow
Background
Text color
Border color
Social icons
Size
Spacing
Color
Hover color
Footer
Typography
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 Link in Bio settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Build a link-in-bio page with my photo, name, a short bio and four links.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "link-in-bio",
"settings": {
"image": { "id": 148 },
"name": "Maya Thompson",
"name_tag": "p",
"verified": true,
"handle": "@mayabuilds",
"bio": "Designer at Northwind Studio. I build calm websites — mostly by talking to my AI.",
"links": [
{
"label": "Book a call",
"link": { "url": "#" },
"icon": "calendar",
"highlight": true
},
{ "label": "See my portfolio", "link": { "url": "#" }, "icon": "layout-grid" },
{
"label": "Read my latest article",
"link": { "url": "/blog/" },
"icon": "newspaper"
},
{ "label": "Join my newsletter", "link": { "url": "#" }, "icon": "mail" }
],
"show_arrow": true,
"social": [
{ "network": "instagram", "link": { "url": "https://instagram.com/" } },
{ "network": "linkedin", "link": { "url": "https://linkedin.com/" } },
{ "network": "youtube", "link": { "url": "https://youtube.com/" } }
]
}
}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.
Flip Box
A card that turns over on hover, focus or tap to reveal more and a button.
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.