5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T6f8,

Form Button is an interactive, visually captivating native Framer component that brings a sleek, form experience right to your website. It features a unique cursor-tracking hover effect that elegantly reveals your call-to-action, and seamlessly transitions into built-in Loading and Success states to give users immediate, satisfying feedback upon submission.

It’s completely customizable directly within the Framer properties panel using variables. Easily adjust the interactive spotlight colors to match your brand, customize the typography and placeholder text, tweak the messaging for the loading and success states, and control how users interact with it. Just drop it onto your canvas, and you instantly have a polished, responsive multi-state form button with zero extra setup.

Customization

Everything is fully customizable, you can literally customize anything because it is a native framer component, but if just want to customize using variables, then you can customize the following:

All colors are customizable
Padding, Radius, Transition are customizable as well
All text labels are customizable

Request Changes or Report Bugs

If you run into any bugs or technical issues, please report them to us at designbylakshay@gmail.com or just fill this feedback form, and we'll reach out shortly!

59:[["$","$L5c",null,{"post":{"id":"01a06b24-a0e6-75c0-b04e-a556d846a98d","title":null,"body":"

One more component out.....

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One more component out....."}]}]},"author":{"framerUserId":"a8760e52-ad71-4d2c-b1d3-e0cf5882b434","name":"Lakshay Kamra","slug":"lakshaykamra","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a8760e52-ad71-4d2c-b1d3-e0cf5882b434/jiw52ew5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"BrHDlu8DkvZNOPh23nLa","resolved":true,"title":"Form Button","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Remix for free →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/form-button","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Form Button is an interactive, visually captivating native Framer component that brings a sleek, form experience right to your website. It features a unique cursor-tracking hover effect that elegantly reveals your call-to-action, and seamlessly transitions into built-in Loading and Success states to give users immediate, satisfying feedback upon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s completely customizable directly within the Framer properties panel using variables. Easily adjust the interactive spotlight colors to match your brand, customize the typography and placeholder text, tweak the messaging for the loading and success states, and control how users interact with it. Just drop it onto your canvas, and you instantly have a polished, responsive multi-state form button with zero extra setup."}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Everything is fully customizable, you can literally customize anything because it is a native framer component, but if just want to customize using variables, then you can customize the following:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"All colors are customizable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Padding, Radius, Transition are customizable as well"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"All text labels are customizable"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Request Changes or Report Bugs","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you run into any bugs or technical issues, please report them to us at ","marks":[{"type":"bold"}]},{"type":"text","text":"designbylakshay@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:designbylakshay@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" or just fill this ","marks":[{"type":"bold"}]},{"type":"text","text":"feedback","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://lakshaykamra.framer.website/feedback","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" form, and we'll reach out shortly!","marks":[{"type":"bold"}]}]}]},"introduction":"Premium Multi-State Form Button","slug":"form-button","author":{"framerUserId":"a8760e52-ad71-4d2c-b1d3-e0cf5882b434","name":"Lakshay Kamra","slug":"lakshaykamra","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a8760e52-ad71-4d2c-b1d3-e0cf5882b434/jiw52ew5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a8760e52-ad71-4d2c-b1d3-e0cf5882b434/01a06b26-9789-73f8-947a-592e916d4157.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-04T06:39:17.178Z","updatedAt":"2026-09-07T11:52:32.210Z","publishedAt":"2026-09-04T06:39:17.176Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Form-Button-BJF9rN.js@M11P7tcqQpwpyiU7JMEn","previewUrl":"https://formbutton.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"M11P7tcqQpwpyiU7JMEn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-04T06:39:17.734Z","updatedAt":"2026-09-04T06:39:17.734Z","reported":false}}],"$L5e"]

Suggested for you