Forms widget
Login
A login form for members, with remember me and a lost password link.
Build it with your AI
“Add a login form for members with remember me and a lost password link.”
Live demo
See it working
Settings
45 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
18 settings
Form
Show labels
Username label
Username placeholder
Password label
Password placeholder
Remember me
Remember me label
Button text
After login, go to
Lost password link
Lost password text
Register link
Register text
Logged-in visitors
Show
After log out, go to
Log out redirect URL
Preview as logged in
Design
27 settings
Form
Max width
Position
Space between fields
Labels
Typography
Color
Spacing
Fields
Typography
Border radius
Padding
Remember me color
Text color
Background
Border
Border color
Button
Typography
Width
Border radius
Padding
Text color
Background
Border
Border color
Links & message
Typography
Text color
Link color
Link hover color
Alignment
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 Login settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a login form for members with remember me and a lost password link.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{ "type": "login", "settings": { } }More forms widgets