Loading Component...

Loading

More Components

View All
Part of

Rounded Sign Up Form

Oops! Something went wrong while submitting the form.
Rounded Sign Up Form
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c68e992e-4b51-8525-2543-2de209a2e852","type":"FormWrapper","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e853","c68e992e-4b51-8525-2543-2de209a2e85b","c68e992e-4b51-8525-2543-2de209a2e85e"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e853","type":"FormForm","tag":"form","classes":["8bbce1b8-78fd-d386-6161-37d0933424c4"],"children":["c68e992e-4b51-8525-2543-2de209a2e856","c68e992e-4b51-8525-2543-2de209a2e859","e96c22d5-3775-fa2a-59ed-148e71bf9361"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e856","type":"FormTextInput","tag":"input","classes":["2c77e360-bf76-f373-c827-6e159fce7f1e","b673e28b-7ff7-5800-ee71-eee10983b834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"First Name","type":"text","id":"First-Name","disabled":false,"required":false},"form":{"name":"First Name","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e859","type":"FormTextInput","tag":"input","classes":["2c77e360-bf76-f373-c827-6e159fce7f1e","b09ad62f-6a85-badd-49e1-27bef2553cf2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"Email","placeholder":"Email","type":"email","id":"email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e96c22d5-3775-fa2a-59ed-148e71bf9361","type":"Block","tag":"div","classes":["e999c3c4-0e9e-ec4c-3b48-725af086ae05"],"children":["a83b2757-9a80-0aeb-b922-09d503bd15af","63d876d3-52a6-7064-5b53-aac85ad34d10","43d30066-143c-cee7-6a12-5d86647f91ee","c68e992e-4b51-8525-2543-2de209a2e85a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a83b2757-9a80-0aeb-b922-09d503bd15af","type":"FormTextInput","tag":"input","classes":["2c77e360-bf76-f373-c827-6e159fce7f1e","060e5f75-1d28-8cf0-d39e-db87cb6058e2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":true},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"63d876d3-52a6-7064-5b53-aac85ad34d10","type":"Image","tag":"img","classes":["3527b483-d38a-24fd-9fb6-5f8b027be6c0"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee0eb3d800823118e04d4_Vector%203.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"647ee0eb3d800823118e04d4"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"43d30066-143c-cee7-6a12-5d86647f91ee","type":"Image","tag":"img","classes":["bc6552d8-20a6-dd12-401e-44b4c778667d"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee3776957b5fabcda8bf3_Rectangle%20421.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"647ee3776957b5fabcda8bf3"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85a","type":"FormButton","tag":"input","classes":["f0781606-c2e6-0001-3460-e5b26efcc2f8"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e85c"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85c","type":"Block","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e85d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85e","type":"FormErrorMessage","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e85f"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85f","type":"Block","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e860"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e860","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"2c77e360-bf76-f373-c827-6e159fce7f1e","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 60px; margin-bottom: 0px; padding-right: 20px; padding-left: 50px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 94.00%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; background-image: @img_647ee4ebc5092e1c4335889a; background-position: 15px 50%; background-size: 20px; background-repeat: no-repeat;","variants":{"main_focus-visible":{"styleLess":"border-top-style: solid; border-top-color: hsla(0, 0.00%, 94.12%, 1.00); border-right-style: none; border-right-color: hsla(0, 0.00%, 94.12%, 1.00); border-bottom-style: none; border-bottom-color: hsla(0, 0.00%, 94.12%, 1.00); border-left-style: none; border-left-color: hsla(0, 0.00%, 94.12%, 1.00);"}},"children":["b09ad62f-6a85-badd-49e1-27bef2553cf2","060e5f75-1d28-8cf0-d39e-db87cb6058e2","b673e28b-7ff7-5800-ee71-eee10983b834"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3527b483-d38a-24fd-9fb6-5f8b027be6c0","fake":false,"type":"class","name":"curve","namespace":"","comb":"","styleLess":"margin-left: -30px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"060e5f75-1d28-8cf0-d39e-db87cb6058e2","fake":false,"type":"class","name":"3","namespace":"","comb":"&","styleLess":"border-bottom-left-radius: 15px; background-image: @img_647ee4ebc69acb788953ebac;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b673e28b-7ff7-5800-ee71-eee10983b834","fake":false,"type":"class","name":"1","namespace":"","comb":"&","styleLess":"border-top-style: none; border-top-left-radius: 15px; border-top-right-radius: 15px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"8bbce1b8-78fd-d386-6161-37d0933424c4","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"overflow: hidden; border-top-style: solid; border-top-width: 6px; border-top-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); border-right-style: solid; border-right-width: 6px; border-right-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); border-bottom-style: solid; border-bottom-width: 6px; border-bottom-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); border-left-style: solid; border-left-width: 6px; border-left-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); box-shadow: 0 11px 20px 0 rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e999c3c4-0e9e-ec4c-3b48-725af086ae05","fake":false,"type":"class","name":"last-line","namespace":"","comb":"","styleLess":"display: flex; align-items: flex-end;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bc6552d8-20a6-dd12-401e-44b4c778667d","fake":false,"type":"class","name":"rectangle","namespace":"","comb":"","styleLess":"margin-right: -30px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b09ad62f-6a85-badd-49e1-27bef2553cf2","fake":false,"type":"class","name":"2","namespace":"","comb":"&","styleLess":"background-image: @img_647ee0eb3d800823118e04d4, @img_647ee4ec67d614836a8c7405; background-position: 100% 100%, 15px 50%; background-size: auto, 20px; background-repeat: no-repeat, no-repeat;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"f0781606-c2e6-0001-3460-e5b26efcc2f8","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 175px; height: 66px; margin-right: -6px; margin-bottom: -6px; border-top-style: solid; border-top-width: 6px; border-top-color: hsla(241.42857142857142, 70.00%, 11.76%, 1.00); border-right-style: solid; border-right-width: 6px; border-right-color: hsla(241.42857142857142, 70.00%, 11.76%, 1.00); border-bottom-style: solid; border-bottom-width: 6px; border-bottom-color: hsla(241.42857142857142, 70.00%, 11.76%, 1.00); border-left-style: solid; border-left-width: 6px; border-left-color: hsla(241.42857142857142, 70.00%, 11.76%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(215, 94.81%, 48.60%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(215, 100.00%, 64.44%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee0eb3d800823118e04d4_Vector%203.svg","siteId":"647edf25b8b7a35d7b262ed4","width":15,"isHD":false,"height":15,"fileName":"647ee0eb3d800823118e04d4_Vector 3.svg","createdOn":"2023-06-06T07:31:55.143Z","origFileName":"Vector 3.svg","fileHash":"92b392a55b23d5a914cec57d6fd796ca","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee0eb3d800823118e04d4_Vector%203.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee0eb3d800823118e04d4_Vector%203.svg","_id":"647ee0eb3d800823118e04d4","updatedOn":"2023-06-06T07:31:55.143Z","fileSize":169},{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee3776957b5fabcda8bf3_Rectangle%20421.svg","siteId":"647edf25b8b7a35d7b262ed4","width":30,"isHD":false,"height":25,"fileName":"647ee3776957b5fabcda8bf3_Rectangle 421.svg","createdOn":"2023-06-06T07:42:47.520Z","origFileName":"Rectangle 421.svg","fileHash":"1ed6ad15070d2c6f4db2409b06e49436","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee3776957b5fabcda8bf3_Rectangle%20421.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee3776957b5fabcda8bf3_Rectangle%20421.svg","_id":"647ee3776957b5fabcda8bf3","updatedOn":"2023-06-06T07:42:47.520Z","fileSize":149},{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ebc5092e1c4335889a_%F0%9F%A6%86%20icon%20_profile%20circle_.svg","siteId":"647edf25b8b7a35d7b262ed4","width":10,"isHD":false,"height":10,"fileName":"647ee4ebc5092e1c4335889a_🦆 icon _profile circle_.svg","createdOn":"2023-06-06T07:48:59.502Z","origFileName":"🦆 icon _profile circle_.svg","fileHash":"58f916fae126c664fec34ea586eec9ae","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee4ebc5092e1c4335889a_%F0%9F%A6%86%20icon%20_profile%20circle_.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ebc5092e1c4335889a_%F0%9F%A6%86%20icon%20_profile%20circle_.svg","_id":"647ee4ebc5092e1c4335889a","updatedOn":"2023-06-06T07:48:59.502Z","fileSize":2432},{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ec67d614836a8c7405_%F0%9F%A6%86%20icon%20_sms_.svg","siteId":"647edf25b8b7a35d7b262ed4","width":11,"isHD":false,"height":10,"fileName":"647ee4ec67d614836a8c7405_🦆 icon _sms_.svg","createdOn":"2023-06-06T07:49:00.110Z","origFileName":"🦆 icon _sms_.svg","fileHash":"45b92da5d761742998ad89e7525ca09e","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee4ec67d614836a8c7405_%F0%9F%A6%86%20icon%20_sms_.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ec67d614836a8c7405_%F0%9F%A6%86%20icon%20_sms_.svg","_id":"647ee4ec67d614836a8c7405","updatedOn":"2023-06-06T07:49:00.110Z","fileSize":647},{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ebc69acb788953ebac_%F0%9F%A6%86%20icon%20_lock_.svg","siteId":"647edf25b8b7a35d7b262ed4","width":10,"isHD":false,"height":10,"fileName":"647ee4ebc69acb788953ebac_🦆 icon _lock_.svg","createdOn":"2023-06-06T07:48:59.427Z","origFileName":"🦆 icon _lock_.svg","fileHash":"4447e5575f757232060725b7bf9f5c2b","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee4ebc69acb788953ebac_%F0%9F%A6%86%20icon%20_lock_.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ebc69acb788953ebac_%F0%9F%A6%86%20icon%20_lock_.svg","_id":"647ee4ebc69acb788953ebac","updatedOn":"2023-06-06T07:48:59.427Z","fileSize":1467}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c68e992e-4b51-8525-2543-2de209a2e852","type":"FormWrapper","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e853","c68e992e-4b51-8525-2543-2de209a2e85b","c68e992e-4b51-8525-2543-2de209a2e85e"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e853","type":"FormForm","tag":"form","classes":["8bbce1b8-78fd-d386-6161-37d0933424c4"],"children":["c68e992e-4b51-8525-2543-2de209a2e856","c68e992e-4b51-8525-2543-2de209a2e859","e96c22d5-3775-fa2a-59ed-148e71bf9361"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e856","type":"FormTextInput","tag":"input","classes":["2c77e360-bf76-f373-c827-6e159fce7f1e","b673e28b-7ff7-5800-ee71-eee10983b834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"First Name","type":"text","id":"First-Name","disabled":false,"required":false},"form":{"name":"First Name","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e859","type":"FormTextInput","tag":"input","classes":["2c77e360-bf76-f373-c827-6e159fce7f1e","b09ad62f-6a85-badd-49e1-27bef2553cf2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"Email","placeholder":"Email","type":"email","id":"email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e96c22d5-3775-fa2a-59ed-148e71bf9361","type":"Block","tag":"div","classes":["e999c3c4-0e9e-ec4c-3b48-725af086ae05"],"children":["a83b2757-9a80-0aeb-b922-09d503bd15af","63d876d3-52a6-7064-5b53-aac85ad34d10","43d30066-143c-cee7-6a12-5d86647f91ee","c68e992e-4b51-8525-2543-2de209a2e85a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a83b2757-9a80-0aeb-b922-09d503bd15af","type":"FormTextInput","tag":"input","classes":["2c77e360-bf76-f373-c827-6e159fce7f1e","060e5f75-1d28-8cf0-d39e-db87cb6058e2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":true},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"63d876d3-52a6-7064-5b53-aac85ad34d10","type":"Image","tag":"img","classes":["3527b483-d38a-24fd-9fb6-5f8b027be6c0"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee0eb3d800823118e04d4_Vector%203.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"647ee0eb3d800823118e04d4"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"43d30066-143c-cee7-6a12-5d86647f91ee","type":"Image","tag":"img","classes":["bc6552d8-20a6-dd12-401e-44b4c778667d"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee3776957b5fabcda8bf3_Rectangle%20421.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"647ee3776957b5fabcda8bf3"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85a","type":"FormButton","tag":"input","classes":["f0781606-c2e6-0001-3460-e5b26efcc2f8"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e85c"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85c","type":"Block","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e85d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85e","type":"FormErrorMessage","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e85f"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e85f","type":"Block","tag":"div","classes":[],"children":["c68e992e-4b51-8525-2543-2de209a2e860"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c68e992e-4b51-8525-2543-2de209a2e860","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"2c77e360-bf76-f373-c827-6e159fce7f1e","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 60px; margin-bottom: 0px; padding-right: 20px; padding-left: 50px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 94.00%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; background-image: @img_647ee4ebc5092e1c4335889a; background-position: 15px 50%; background-size: 20px; background-repeat: no-repeat;","variants":{"main_focus-visible":{"styleLess":"border-top-style: solid; border-top-color: hsla(0, 0.00%, 94.12%, 1.00); border-right-style: none; border-right-color: hsla(0, 0.00%, 94.12%, 1.00); border-bottom-style: none; border-bottom-color: hsla(0, 0.00%, 94.12%, 1.00); border-left-style: none; border-left-color: hsla(0, 0.00%, 94.12%, 1.00);"}},"children":["b09ad62f-6a85-badd-49e1-27bef2553cf2","060e5f75-1d28-8cf0-d39e-db87cb6058e2","b673e28b-7ff7-5800-ee71-eee10983b834"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3527b483-d38a-24fd-9fb6-5f8b027be6c0","fake":false,"type":"class","name":"curve","namespace":"","comb":"","styleLess":"margin-left: -30px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"060e5f75-1d28-8cf0-d39e-db87cb6058e2","fake":false,"type":"class","name":"3","namespace":"","comb":"&","styleLess":"border-bottom-left-radius: 15px; background-image: @img_647ee4ebc69acb788953ebac;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b673e28b-7ff7-5800-ee71-eee10983b834","fake":false,"type":"class","name":"1","namespace":"","comb":"&","styleLess":"border-top-style: none; border-top-left-radius: 15px; border-top-right-radius: 15px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"8bbce1b8-78fd-d386-6161-37d0933424c4","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"overflow: hidden; border-top-style: solid; border-top-width: 6px; border-top-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); border-right-style: solid; border-right-width: 6px; border-right-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); border-bottom-style: solid; border-bottom-width: 6px; border-bottom-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); border-left-style: solid; border-left-width: 6px; border-left-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(241.46341463414635, 67.21%, 11.96%, 1.00); box-shadow: 0 11px 20px 0 rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e999c3c4-0e9e-ec4c-3b48-725af086ae05","fake":false,"type":"class","name":"last-line","namespace":"","comb":"","styleLess":"display: flex; align-items: flex-end;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bc6552d8-20a6-dd12-401e-44b4c778667d","fake":false,"type":"class","name":"rectangle","namespace":"","comb":"","styleLess":"margin-right: -30px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b09ad62f-6a85-badd-49e1-27bef2553cf2","fake":false,"type":"class","name":"2","namespace":"","comb":"&","styleLess":"background-image: @img_647ee0eb3d800823118e04d4, @img_647ee4ec67d614836a8c7405; background-position: 100% 100%, 15px 50%; background-size: auto, 20px; background-repeat: no-repeat, no-repeat;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"f0781606-c2e6-0001-3460-e5b26efcc2f8","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 175px; height: 66px; margin-right: -6px; margin-bottom: -6px; border-top-style: solid; border-top-width: 6px; border-top-color: hsla(241.42857142857142, 70.00%, 11.76%, 1.00); border-right-style: solid; border-right-width: 6px; border-right-color: hsla(241.42857142857142, 70.00%, 11.76%, 1.00); border-bottom-style: solid; border-bottom-width: 6px; border-bottom-color: hsla(241.42857142857142, 70.00%, 11.76%, 1.00); border-left-style: solid; border-left-width: 6px; border-left-color: hsla(241.42857142857142, 70.00%, 11.76%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(215, 94.81%, 48.60%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(215, 100.00%, 64.44%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee0eb3d800823118e04d4_Vector%203.svg","siteId":"647edf25b8b7a35d7b262ed4","width":15,"isHD":false,"height":15,"fileName":"647ee0eb3d800823118e04d4_Vector 3.svg","createdOn":"2023-06-06T07:31:55.143Z","origFileName":"Vector 3.svg","fileHash":"92b392a55b23d5a914cec57d6fd796ca","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee0eb3d800823118e04d4_Vector%203.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee0eb3d800823118e04d4_Vector%203.svg","_id":"647ee0eb3d800823118e04d4","updatedOn":"2023-06-06T07:31:55.143Z","fileSize":169},{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee3776957b5fabcda8bf3_Rectangle%20421.svg","siteId":"647edf25b8b7a35d7b262ed4","width":30,"isHD":false,"height":25,"fileName":"647ee3776957b5fabcda8bf3_Rectangle 421.svg","createdOn":"2023-06-06T07:42:47.520Z","origFileName":"Rectangle 421.svg","fileHash":"1ed6ad15070d2c6f4db2409b06e49436","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee3776957b5fabcda8bf3_Rectangle%20421.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee3776957b5fabcda8bf3_Rectangle%20421.svg","_id":"647ee3776957b5fabcda8bf3","updatedOn":"2023-06-06T07:42:47.520Z","fileSize":149},{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ebc5092e1c4335889a_%F0%9F%A6%86%20icon%20_profile%20circle_.svg","siteId":"647edf25b8b7a35d7b262ed4","width":10,"isHD":false,"height":10,"fileName":"647ee4ebc5092e1c4335889a_🦆 icon _profile circle_.svg","createdOn":"2023-06-06T07:48:59.502Z","origFileName":"🦆 icon _profile circle_.svg","fileHash":"58f916fae126c664fec34ea586eec9ae","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee4ebc5092e1c4335889a_%F0%9F%A6%86%20icon%20_profile%20circle_.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ebc5092e1c4335889a_%F0%9F%A6%86%20icon%20_profile%20circle_.svg","_id":"647ee4ebc5092e1c4335889a","updatedOn":"2023-06-06T07:48:59.502Z","fileSize":2432},{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ec67d614836a8c7405_%F0%9F%A6%86%20icon%20_sms_.svg","siteId":"647edf25b8b7a35d7b262ed4","width":11,"isHD":false,"height":10,"fileName":"647ee4ec67d614836a8c7405_🦆 icon _sms_.svg","createdOn":"2023-06-06T07:49:00.110Z","origFileName":"🦆 icon _sms_.svg","fileHash":"45b92da5d761742998ad89e7525ca09e","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee4ec67d614836a8c7405_%F0%9F%A6%86%20icon%20_sms_.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ec67d614836a8c7405_%F0%9F%A6%86%20icon%20_sms_.svg","_id":"647ee4ec67d614836a8c7405","updatedOn":"2023-06-06T07:49:00.110Z","fileSize":647},{"cdnUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ebc69acb788953ebac_%F0%9F%A6%86%20icon%20_lock_.svg","siteId":"647edf25b8b7a35d7b262ed4","width":10,"isHD":false,"height":10,"fileName":"647ee4ebc69acb788953ebac_🦆 icon _lock_.svg","createdOn":"2023-06-06T07:48:59.427Z","origFileName":"🦆 icon _lock_.svg","fileHash":"4447e5575f757232060725b7bf9f5c2b","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647edf25b8b7a35d7b262ed4/647ee4ebc69acb788953ebac_%F0%9F%A6%86%20icon%20_lock_.svg","thumbUrl":"https://cdn.prod.website-files.com/647edf25b8b7a35d7b262ed4/647ee4ebc69acb788953ebac_%F0%9F%A6%86%20icon%20_lock_.svg","_id":"647ee4ebc69acb788953ebac","updatedOn":"2023-06-06T07:48:59.427Z","fileSize":1467}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Rounded Sign Up Form is a visually appealing and user-friendly form designed for capturing user information, including first name, email, and password. Its rounded edges and modern design enhance the user experience.

Key Features:

  • Responsive design suitable for various devices
  • Includes fields for first name, email, and password
  • Customizable success and error messages
  • Stylish rounded corners and shadow effects
  • Easy integration with Webflow CMS

Design Elements:

  • Rounded corners for a modern look
  • Dark color scheme with contrasting input fields
  • Use of SVG images for icons
  • Box shadow for depth and emphasis

Potential Use Cases:

  • Web applications requiring user registration
  • E-commerce sites needing customer sign-ups
  • Blogs or content platforms for user subscriptions
  • Event registration pages
  • Membership sites for exclusive content access

Conclusion: The Rounded Sign Up Form is a versatile and attractive component that can enhance any website's user engagement by simplifying the sign-up process.

Similar Components

View All