Competition: Build a SaaS app between May 29 - June 14 and get a chance to win cash prizes, free plans & more!
Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"489018af-8ab6-589c-914d-472084aa9c3e","type":"Block","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf1f"],"children":["489018af-8ab6-589c-914d-472084aa9c3f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"is-trialing"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"489018af-8ab6-589c-914d-472084aa9c3f","type":"Block","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf25","54cb78eb-a029-8e73-54c0-d4085839002b"],"children":["bc095f81-df55-3c38-5968-6cd12a83f70c","aab73c69-7735-fa4e-d527-44996830f69f","04076c56-635b-e3cd-0fe6-c9014376850b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bc095f81-df55-3c38-5968-6cd12a83f70c","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg width=\"51\" height=\"20\" viewBox=\"0 0 51 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M25.085 8.085L23.495 4.585C23.145 3.805 22.025 3.805 21.675 4.585L20.085 8.085L16.585 9.675C15.805 10.035 15.805 11.145 16.585 11.495L20.085 13.085L21.675 16.585C22.035 17.365 23.145 17.365 23.495 16.585L25.085 13.085L28.585 11.495C29.365 11.135 29.365 10.025 28.585 9.675L25.085 8.085Z\" fill=\"black\"/>\n<path d=\"M48.5425 4.5425L47.7525 6.2925C47.5725 6.6825 47.0125 6.6825 46.8325 6.2925L46.0425 4.5325L44.2925 3.7425C43.9025 3.5625 43.9025 3.0125 44.2925 2.8325L46.0525 2.0425L46.8425 0.2925C47.0225 -0.0975 47.5725 -0.0975 47.7525 0.2925L48.5425 2.0525L50.2925 2.8425C50.6825 3.0225 50.6825 3.5725 50.2925 3.7525L48.5425 4.5425Z\" fill=\"currentColor\"/>\n<path d=\"M39.7593 18.7593L39.2794 19.8223C39.1701 20.0592 38.8299 20.0592 38.7206 19.8223L38.2407 18.7532L37.1777 18.2733C36.9408 18.164 36.9408 17.8299 37.1777 17.7206L38.2468 17.2407L38.7267 16.1777C38.836 15.9408 39.1701 15.9408 39.2794 16.1777L39.7593 17.2468L40.8223 17.7267C41.0592 17.836 41.0592 18.1701 40.8223 18.2794L39.7593 18.7593Z\" fill=\"black\"/>\n<path d=\"M2.0425 8.0425L2.8325 6.2925C3.0125 5.9025 3.5725 5.9025 3.7525 6.2925L4.5425 8.0525L6.2925 8.8425C6.6825 9.0225 6.6825 9.5725 6.2925 9.7525L4.5325 10.5425L3.7425 12.2925C3.5625 12.6825 3.0125 12.6825 2.8325 12.2925L2.0425 10.5325L0.2925 9.7425C-0.0975 9.5625 -0.0975 9.0125 0.2925 8.8325L2.0425 8.0425Z\" fill=\"currentColor\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"51\" height=\"20\" viewBox=\"0 0 51 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M25.085 8.085L23.495 4.585C23.145 3.805 22.025 3.805 21.675 4.585L20.085 8.085L16.585 9.675C15.805 10.035 15.805 11.145 16.585 11.495L20.085 13.085L21.675 16.585C22.035 17.365 23.145 17.365 23.495 16.585L25.085 13.085L28.585 11.495C29.365 11.135 29.365 10.025 28.585 9.675L25.085 8.085Z\" fill=\"black\"/>\n<path d=\"M48.5425 4.5425L47.7525 6.2925C47.5725 6.6825 47.0125 6.6825 46.8325 6.2925L46.0425 4.5325L44.2925 3.7425C43.9025 3.5625 43.9025 3.0125 44.2925 2.8325L46.0525 2.0425L46.8425 0.2925C47.0225 -0.0975 47.5725 -0.0975 47.7525 0.2925L48.5425 2.0525L50.2925 2.8425C50.6825 3.0225 50.6825 3.5725 50.2925 3.7525L48.5425 4.5425Z\" fill=\"currentColor\"/>\n<path d=\"M39.7593 18.7593L39.2794 19.8223C39.1701 20.0592 38.8299 20.0592 38.7206 19.8223L38.2407 18.7532L37.1777 18.2733C36.9408 18.164 36.9408 17.8299 37.1777 17.7206L38.2468 17.2407L38.7267 16.1777C38.836 15.9408 39.1701 15.9408 39.2794 16.1777L39.7593 17.2468L40.8223 17.7267C41.0592 17.836 41.0592 18.1701 40.8223 18.2794L39.7593 18.7593Z\" fill=\"black\"/>\n<path d=\"M2.0425 8.0425L2.8325 6.2925C3.0125 5.9025 3.5725 5.9025 3.7525 6.2925L4.5425 8.0525L6.2925 8.8425C6.6825 9.0225 6.6825 9.5725 6.2925 9.7525L4.5325 10.5425L3.7425 12.2925C3.5625 12.6825 3.0125 12.6825 2.8325 12.2925L2.0425 10.5325L0.2925 9.7425C-0.0975 9.5625 -0.0975 9.0125 0.2925 8.8325L2.0425 8.0425Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"aab73c69-7735-fa4e-d527-44996830f69f","type":"Block","tag":"div","classes":[],"children":["aab73c69-7735-fa4e-d527-44996830f6a0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aab73c69-7735-fa4e-d527-44996830f6a0","text":true,"v":"Enjoy your free trial! Your subscription will automatically begin when your trial ends."},{"_id":"04076c56-635b-e3cd-0fe6-c9014376850b","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg width=\"44\" height=\"23\" viewBox=\"0 0 44 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.085 4.085L18.495 0.585C18.145 -0.195 17.025 -0.195 16.675 0.585L15.085 4.085L11.585 5.675C10.805 6.035 10.805 7.145 11.585 7.495L15.085 9.085L16.675 12.585C17.035 13.365 18.145 13.365 18.495 12.585L20.085 9.085L23.585 7.495C24.365 7.135 24.365 6.025 23.585 5.675L20.085 4.085Z\" fill=\"black\"/>\n<path d=\"M36.5186 18.5186L35.5588 20.6446C35.3402 21.1185 34.6598 21.1185 34.4412 20.6446L33.4814 18.5065L31.3554 17.5467C30.8815 17.328 30.8815 16.6598 31.3554 16.4412L33.4935 15.4814L34.4533 13.3554C34.672 12.8815 35.3402 12.8815 35.5588 13.3554L36.5186 15.4935L38.6446 16.4533C39.1185 16.672 39.1185 17.3402 38.6446 17.5588L36.5186 18.5186Z\" fill=\"currentColor\"/>\n<path d=\"M42.4491 4.44913L41.8493 5.7779C41.7126 6.07403 41.2874 6.07403 41.1507 5.7779L40.5509 4.44153L39.2221 3.84169C38.926 3.70501 38.926 3.2874 39.2221 3.15072L40.5585 2.55087L41.1583 1.2221C41.295 0.925968 41.7126 0.925968 41.8493 1.2221L42.4491 2.55847L43.7779 3.15831C44.074 3.29499 44.074 3.7126 43.7779 3.84928L42.4491 4.44913Z\" fill=\"black\"/>\n<path d=\"M2.0425 18.0425L2.8325 16.2925C3.0125 15.9025 3.5725 15.9025 3.7525 16.2925L4.5425 18.0525L6.2925 18.8425C6.6825 19.0225 6.6825 19.5725 6.2925 19.7525L4.5325 20.5425L3.7425 22.2925C3.5625 22.6825 3.0125 22.6825 2.8325 22.2925L2.0425 20.5325L0.2925 19.7425C-0.0975 19.5625 -0.0975 19.0125 0.2925 18.8325L2.0425 18.0425Z\" fill=\"currentColor\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"44\" height=\"23\" viewBox=\"0 0 44 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.085 4.085L18.495 0.585C18.145 -0.195 17.025 -0.195 16.675 0.585L15.085 4.085L11.585 5.675C10.805 6.035 10.805 7.145 11.585 7.495L15.085 9.085L16.675 12.585C17.035 13.365 18.145 13.365 18.495 12.585L20.085 9.085L23.585 7.495C24.365 7.135 24.365 6.025 23.585 5.675L20.085 4.085Z\" fill=\"black\"/>\n<path d=\"M36.5186 18.5186L35.5588 20.6446C35.3402 21.1185 34.6598 21.1185 34.4412 20.6446L33.4814 18.5065L31.3554 17.5467C30.8815 17.328 30.8815 16.6598 31.3554 16.4412L33.4935 15.4814L34.4533 13.3554C34.672 12.8815 35.3402 12.8815 35.5588 13.3554L36.5186 15.4935L38.6446 16.4533C39.1185 16.672 39.1185 17.3402 38.6446 17.5588L36.5186 18.5186Z\" fill=\"currentColor\"/>\n<path d=\"M42.4491 4.44913L41.8493 5.7779C41.7126 6.07403 41.2874 6.07403 41.1507 5.7779L40.5509 4.44153L39.2221 3.84169C38.926 3.70501 38.926 3.2874 39.2221 3.15072L40.5585 2.55087L41.1583 1.2221C41.295 0.925968 41.7126 0.925968 41.8493 1.2221L42.4491 2.55847L43.7779 3.15831C44.074 3.29499 44.074 3.7126 43.7779 3.84928L42.4491 4.44913Z\" fill=\"black\"/>\n<path d=\"M2.0425 18.0425L2.8325 16.2925C3.0125 15.9025 3.5725 15.9025 3.7525 16.2925L4.5425 18.0525L6.2925 18.8425C6.6825 19.0225 6.6825 19.5725 6.2925 19.7525L4.5325 20.5425L3.7425 22.2925C3.5625 22.6825 3.0125 22.6825 2.8325 22.2925L2.0425 20.5325L0.2925 19.7425C-0.0975 19.5625 -0.0975 19.0125 0.2925 18.8325L2.0425 18.0425Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}}],"styles":[{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf1f","fake":false,"type":"class","name":"trial-banner","namespace":"","comb":"","styleLess":"display: flex; padding-top: 15px; padding-right: 16px; padding-bottom: 15px; padding-left: 16px; justify-content: space-between; align-items: center; grid-column-gap: 8px; background-color: hsla(356.6666666666667, 100.00%, 96.47%, 1.00); color: hsla(323.5294117647059, 67.11%, 29.80%, 1.00); line-height: 25px; font-weight: 600;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf25","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%;","variants":{},"children":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf31","54cb78eb-a029-8e73-54c0-d4085839002b"],"selector":null},{"_id":"54cb78eb-a029-8e73-54c0-d4085839002b","fake":false,"type":"class","name":"flex-center","namespace":"","comb":"&","styleLess":"display: flex; justify-content: center; grid-column-gap: 3%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"17eca30c-beb1-1365-95c9-a03a4132b4e4","fake":false,"type":"class","name":"trial-stars","namespace":"","comb":"","styleLess":"margin-bottom: -5px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"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":"489018af-8ab6-589c-914d-472084aa9c3e","type":"Block","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf1f"],"children":["489018af-8ab6-589c-914d-472084aa9c3f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"is-trialing"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"489018af-8ab6-589c-914d-472084aa9c3f","type":"Block","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf25","54cb78eb-a029-8e73-54c0-d4085839002b"],"children":["bc095f81-df55-3c38-5968-6cd12a83f70c","aab73c69-7735-fa4e-d527-44996830f69f","04076c56-635b-e3cd-0fe6-c9014376850b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bc095f81-df55-3c38-5968-6cd12a83f70c","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg width=\"51\" height=\"20\" viewBox=\"0 0 51 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M25.085 8.085L23.495 4.585C23.145 3.805 22.025 3.805 21.675 4.585L20.085 8.085L16.585 9.675C15.805 10.035 15.805 11.145 16.585 11.495L20.085 13.085L21.675 16.585C22.035 17.365 23.145 17.365 23.495 16.585L25.085 13.085L28.585 11.495C29.365 11.135 29.365 10.025 28.585 9.675L25.085 8.085Z\" fill=\"black\"/>\n<path d=\"M48.5425 4.5425L47.7525 6.2925C47.5725 6.6825 47.0125 6.6825 46.8325 6.2925L46.0425 4.5325L44.2925 3.7425C43.9025 3.5625 43.9025 3.0125 44.2925 2.8325L46.0525 2.0425L46.8425 0.2925C47.0225 -0.0975 47.5725 -0.0975 47.7525 0.2925L48.5425 2.0525L50.2925 2.8425C50.6825 3.0225 50.6825 3.5725 50.2925 3.7525L48.5425 4.5425Z\" fill=\"currentColor\"/>\n<path d=\"M39.7593 18.7593L39.2794 19.8223C39.1701 20.0592 38.8299 20.0592 38.7206 19.8223L38.2407 18.7532L37.1777 18.2733C36.9408 18.164 36.9408 17.8299 37.1777 17.7206L38.2468 17.2407L38.7267 16.1777C38.836 15.9408 39.1701 15.9408 39.2794 16.1777L39.7593 17.2468L40.8223 17.7267C41.0592 17.836 41.0592 18.1701 40.8223 18.2794L39.7593 18.7593Z\" fill=\"black\"/>\n<path d=\"M2.0425 8.0425L2.8325 6.2925C3.0125 5.9025 3.5725 5.9025 3.7525 6.2925L4.5425 8.0525L6.2925 8.8425C6.6825 9.0225 6.6825 9.5725 6.2925 9.7525L4.5325 10.5425L3.7425 12.2925C3.5625 12.6825 3.0125 12.6825 2.8325 12.2925L2.0425 10.5325L0.2925 9.7425C-0.0975 9.5625 -0.0975 9.0125 0.2925 8.8325L2.0425 8.0425Z\" fill=\"currentColor\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"51\" height=\"20\" viewBox=\"0 0 51 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M25.085 8.085L23.495 4.585C23.145 3.805 22.025 3.805 21.675 4.585L20.085 8.085L16.585 9.675C15.805 10.035 15.805 11.145 16.585 11.495L20.085 13.085L21.675 16.585C22.035 17.365 23.145 17.365 23.495 16.585L25.085 13.085L28.585 11.495C29.365 11.135 29.365 10.025 28.585 9.675L25.085 8.085Z\" fill=\"black\"/>\n<path d=\"M48.5425 4.5425L47.7525 6.2925C47.5725 6.6825 47.0125 6.6825 46.8325 6.2925L46.0425 4.5325L44.2925 3.7425C43.9025 3.5625 43.9025 3.0125 44.2925 2.8325L46.0525 2.0425L46.8425 0.2925C47.0225 -0.0975 47.5725 -0.0975 47.7525 0.2925L48.5425 2.0525L50.2925 2.8425C50.6825 3.0225 50.6825 3.5725 50.2925 3.7525L48.5425 4.5425Z\" fill=\"currentColor\"/>\n<path d=\"M39.7593 18.7593L39.2794 19.8223C39.1701 20.0592 38.8299 20.0592 38.7206 19.8223L38.2407 18.7532L37.1777 18.2733C36.9408 18.164 36.9408 17.8299 37.1777 17.7206L38.2468 17.2407L38.7267 16.1777C38.836 15.9408 39.1701 15.9408 39.2794 16.1777L39.7593 17.2468L40.8223 17.7267C41.0592 17.836 41.0592 18.1701 40.8223 18.2794L39.7593 18.7593Z\" fill=\"black\"/>\n<path d=\"M2.0425 8.0425L2.8325 6.2925C3.0125 5.9025 3.5725 5.9025 3.7525 6.2925L4.5425 8.0525L6.2925 8.8425C6.6825 9.0225 6.6825 9.5725 6.2925 9.7525L4.5325 10.5425L3.7425 12.2925C3.5625 12.6825 3.0125 12.6825 2.8325 12.2925L2.0425 10.5325L0.2925 9.7425C-0.0975 9.5625 -0.0975 9.0125 0.2925 8.8325L2.0425 8.0425Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"aab73c69-7735-fa4e-d527-44996830f69f","type":"Block","tag":"div","classes":[],"children":["aab73c69-7735-fa4e-d527-44996830f6a0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aab73c69-7735-fa4e-d527-44996830f6a0","text":true,"v":"Enjoy your free trial! Your subscription will automatically begin when your trial ends."},{"_id":"04076c56-635b-e3cd-0fe6-c9014376850b","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg width=\"44\" height=\"23\" viewBox=\"0 0 44 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.085 4.085L18.495 0.585C18.145 -0.195 17.025 -0.195 16.675 0.585L15.085 4.085L11.585 5.675C10.805 6.035 10.805 7.145 11.585 7.495L15.085 9.085L16.675 12.585C17.035 13.365 18.145 13.365 18.495 12.585L20.085 9.085L23.585 7.495C24.365 7.135 24.365 6.025 23.585 5.675L20.085 4.085Z\" fill=\"black\"/>\n<path d=\"M36.5186 18.5186L35.5588 20.6446C35.3402 21.1185 34.6598 21.1185 34.4412 20.6446L33.4814 18.5065L31.3554 17.5467C30.8815 17.328 30.8815 16.6598 31.3554 16.4412L33.4935 15.4814L34.4533 13.3554C34.672 12.8815 35.3402 12.8815 35.5588 13.3554L36.5186 15.4935L38.6446 16.4533C39.1185 16.672 39.1185 17.3402 38.6446 17.5588L36.5186 18.5186Z\" fill=\"currentColor\"/>\n<path d=\"M42.4491 4.44913L41.8493 5.7779C41.7126 6.07403 41.2874 6.07403 41.1507 5.7779L40.5509 4.44153L39.2221 3.84169C38.926 3.70501 38.926 3.2874 39.2221 3.15072L40.5585 2.55087L41.1583 1.2221C41.295 0.925968 41.7126 0.925968 41.8493 1.2221L42.4491 2.55847L43.7779 3.15831C44.074 3.29499 44.074 3.7126 43.7779 3.84928L42.4491 4.44913Z\" fill=\"black\"/>\n<path d=\"M2.0425 18.0425L2.8325 16.2925C3.0125 15.9025 3.5725 15.9025 3.7525 16.2925L4.5425 18.0525L6.2925 18.8425C6.6825 19.0225 6.6825 19.5725 6.2925 19.7525L4.5325 20.5425L3.7425 22.2925C3.5625 22.6825 3.0125 22.6825 2.8325 22.2925L2.0425 20.5325L0.2925 19.7425C-0.0975 19.5625 -0.0975 19.0125 0.2925 18.8325L2.0425 18.0425Z\" fill=\"currentColor\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"44\" height=\"23\" viewBox=\"0 0 44 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.085 4.085L18.495 0.585C18.145 -0.195 17.025 -0.195 16.675 0.585L15.085 4.085L11.585 5.675C10.805 6.035 10.805 7.145 11.585 7.495L15.085 9.085L16.675 12.585C17.035 13.365 18.145 13.365 18.495 12.585L20.085 9.085L23.585 7.495C24.365 7.135 24.365 6.025 23.585 5.675L20.085 4.085Z\" fill=\"black\"/>\n<path d=\"M36.5186 18.5186L35.5588 20.6446C35.3402 21.1185 34.6598 21.1185 34.4412 20.6446L33.4814 18.5065L31.3554 17.5467C30.8815 17.328 30.8815 16.6598 31.3554 16.4412L33.4935 15.4814L34.4533 13.3554C34.672 12.8815 35.3402 12.8815 35.5588 13.3554L36.5186 15.4935L38.6446 16.4533C39.1185 16.672 39.1185 17.3402 38.6446 17.5588L36.5186 18.5186Z\" fill=\"currentColor\"/>\n<path d=\"M42.4491 4.44913L41.8493 5.7779C41.7126 6.07403 41.2874 6.07403 41.1507 5.7779L40.5509 4.44153L39.2221 3.84169C38.926 3.70501 38.926 3.2874 39.2221 3.15072L40.5585 2.55087L41.1583 1.2221C41.295 0.925968 41.7126 0.925968 41.8493 1.2221L42.4491 2.55847L43.7779 3.15831C44.074 3.29499 44.074 3.7126 43.7779 3.84928L42.4491 4.44913Z\" fill=\"black\"/>\n<path d=\"M2.0425 18.0425L2.8325 16.2925C3.0125 15.9025 3.5725 15.9025 3.7525 16.2925L4.5425 18.0525L6.2925 18.8425C6.6825 19.0225 6.6825 19.5725 6.2925 19.7525L4.5325 20.5425L3.7425 22.2925C3.5625 22.6825 3.0125 22.6825 2.8325 22.2925L2.0425 20.5325L0.2925 19.7425C-0.0975 19.5625 -0.0975 19.0125 0.2925 18.8325L2.0425 18.0425Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}}],"styles":[{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf1f","fake":false,"type":"class","name":"trial-banner","namespace":"","comb":"","styleLess":"display: flex; padding-top: 15px; padding-right: 16px; padding-bottom: 15px; padding-left: 16px; justify-content: space-between; align-items: center; grid-column-gap: 8px; background-color: hsla(356.6666666666667, 100.00%, 96.47%, 1.00); color: hsla(323.5294117647059, 67.11%, 29.80%, 1.00); line-height: 25px; font-weight: 600;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf25","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%;","variants":{},"children":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf31","54cb78eb-a029-8e73-54c0-d4085839002b"],"selector":null},{"_id":"54cb78eb-a029-8e73-54c0-d4085839002b","fake":false,"type":"class","name":"flex-center","namespace":"","comb":"&","styleLess":"display: flex; justify-content: center; grid-column-gap: 3%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"17eca30c-beb1-1365-95c9-a03a4132b4e4","fake":false,"type":"class","name":"trial-stars","namespace":"","comb":"","styleLess":"margin-bottom: -5px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Free Trial Banner is designed to inform users about their active free trial status, encouraging engagement and subscription conversion. It can be easily integrated into any Webflow project by copying and pasting the component.
Key Features:
- Displays a message for users currently on a free trial
- Includes customizable text and icons
- Responsive design suitable for various screen sizes
- Easy integration with Webflow projects
Design Elements:
- Flexbox layout for alignment and spacing
- Light background color with contrasting text for visibility
- Incorporates graphics for visual appeal
Potential Use Cases:
- SaaS companies wanting to promote trial subscriptions
- E-commerce platforms offering trial periods for memberships
- Educational platforms providing trial access to courses
- Fitness apps allowing trial periods for premium features
Conclusion: The Free Trial Banner is a versatile and visually appealing component that effectively communicates trial information, making it a valuable addition for businesses looking to enhance user engagement and conversion rates.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.
.png)
