Back
Pricing 3
Copy component
Copy component
Three pricing tiers with a monthly and yearly switcher with a most popular tier highlighted.
Home
Components
Components
Pricing
Pricing 3
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"9b5255ef-baed-db29-e190-06daeb4bc237","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e84"],"children":["c7be42e6-ee08-f4f8-78a7-0851ad234b08","43958268-9152-2b1e-dd6e-2f328021df3c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c7be42e6-ee08-f4f8-78a7-0851ad234b08","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e83"],"children":["6d5e999f-f2ec-7d32-f3f5-4873fcbaa0ad","90d4a32c-e30e-89e4-da53-054f3ac3186a","29e634e9-ad09-528d-c262-4886dce9b207"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}}}}}},{"_id":"6d5e999f-f2ec-7d32-f3f5-4873fcbaa0ad","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e79"],"children":["63c7040f-8f7b-9813-00da-f1120afbf7f5"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63c7040f-8f7b-9813-00da-f1120afbf7f5","text":true,"v":"Pricing"},{"_id":"90d4a32c-e30e-89e4-da53-054f3ac3186a","type":"Heading","tag":"h2","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e7c"],"children":["6a2f7409-8936-816d-2e93-c639a2e623c4"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a2f7409-8936-816d-2e93-c639a2e623c4","text":true,"v":"Smash and grab job, huh?"},{"_id":"29e634e9-ad09-528d-c262-4886dce9b207","type":"Paragraph","tag":"p","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e85"],"children":["7b0cdf4e-c143-5f71-15f3-4dbce63353b6"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7b0cdf4e-c143-5f71-15f3-4dbce63353b6","text":true,"v":"Slightly more complicated than that."},{"_id":"43958268-9152-2b1e-dd6e-2f328021df3c","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e7a"],"children":["71021f5d-1342-55cf-04fa-e682fd573bd1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"71021f5d-1342-55cf-04fa-e682fd573bd1","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e76"],"children":["d909fa17-70e3-e5e8-4a68-b749e628699c","28ef4ddc-51ee-0277-6136-5d8313600f50"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d909fa17-70e3-e5e8-4a68-b749e628699c","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e7d"],"children":["834dcd38-eaa7-a90f-e9d5-2dd0265ebd45","787b21ca-a67f-7ec4-0905-5e88aaeb5809"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"834dcd38-eaa7-a90f-e9d5-2dd0265ebd45","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e80"],"children":["aa153317-da23-14a4-28e2-d14677a361e7","31b9ad31-ab0f-c58f-5c93-e3054cb1956b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa153317-da23-14a4-28e2-d14677a361e7","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e82"],"children":["0a2ed0e2-fac3-5b58-f1bf-ca508eb8854c","1795fc57-a9d6-c988-50ed-65ddd3498762"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0a2ed0e2-fac3-5b58-f1bf-ca508eb8854c","text":true,"v":"Basic"},{"_id":"1795fc57-a9d6-c988-50ed-65ddd3498762","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"31b9ad31-ab0f-c58f-5c93-e3054cb1956b","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e78"],"children":["7bbc0151-0675-70e0-814e-35f2a1733f9a","288a65d7-da2f-2774-7ba0-83fd61d44e46"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7bbc0151-0675-70e0-814e-35f2a1733f9a","text":true,"v":"For people who just need the basics."},{"_id":"288a65d7-da2f-2774-7ba0-83fd61d44e46","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"787b21ca-a67f-7ec4-0905-5e88aaeb5809","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e81"],"children":["9b604f88-9f94-7172-793d-9b58f13e6c7a","76be714a-d117-5f0e-c4c8-ad0c7a375f0e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9b604f88-9f94-7172-793d-9b58f13e6c7a","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e7f"],"children":["b82e5802-7ee3-26ee-40aa-67a9e4eb7093"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b82e5802-7ee3-26ee-40aa-67a9e4eb7093","text":true,"v":"$99"},{"_id":"76be714a-d117-5f0e-c4c8-ad0c7a375f0e","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e7b"],"children":["218391d1-b59d-1bf9-1ff3-940632d1f396"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"218391d1-b59d-1bf9-1ff3-940632d1f396","type":"Block","tag":"div","classes":["57555bd1-3b5c-be36-cd18-bbeab3632e7e"],"children":["d583bdd2-97dd-e516-100b-9f6eade957dd"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d583bdd2-97dd-e516-100b-9f6eade957dd","text":true,"v":"Paid monthly. Cancel anytime."},{"_id":"28ef4ddc-51ee-0277-6136-5d8313600f50","type":"Link","tag":"a","classes":["c0f55929-5839-0969-d1c4-338448bcfa63"],"children":["8a651ef8-1e90-3b3a-7e63-d7968d1e01b7"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"8a651ef8-1e90-3b3a-7e63-d7968d1e01b7","text":true,"v":"Get started"}],"styles":[{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e81","fake":false,"type":"class","name":"pricing-3_cost","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 0.25rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e7b","fake":false,"type":"class","name":"pricing-3_cost-details","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e7e","fake":false,"type":"class","name":"pricing-3_frequency","namespace":"","comb":"","styleLess":"color: #7587a5; font-size: 0.875rem; line-height: 1.2em;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e80","fake":false,"type":"class","name":"pricing-3_intro","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e7d","fake":false,"type":"class","name":"pricing-3_item-block","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 4rem; grid-row-gap: 4rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e82","fake":false,"type":"class","name":"pricing-3_title","namespace":"","comb":"","styleLess":"font-size: 1.5rem; line-height: 1.2em; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e78","fake":false,"type":"class","name":"pricing-3_description","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e76","fake":false,"type":"class","name":"pricing-3_item","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 25rem; min-width: 25rem; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: stretch; grid-column-gap: 2rem; grid-row-gap: 2rem; border-top-style: solid; border-top-width: 1px; border-top-color: #c3cddc; border-right-style: solid; border-right-width: 1px; border-right-color: #c3cddc; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #c3cddc; border-left-style: solid; border-left-width: 1px; border-left-color: #c3cddc; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa63","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 2px; border-top-color: #0c60f5; border-right-style: solid; border-right-width: 2px; border-right-color: #0c60f5; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #0c60f5; border-left-style: solid; border-left-width: 2px; border-left-color: #0c60f5; background-color: #0c60f5; color: white; font-size: 1em; line-height: 1.125em; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap;","variants":{"main_hover":{"styleLess":"border-top-color: #0049ca; border-right-color: #0049ca; border-bottom-color: #0049ca; border-left-color: #0049ca; background-color: #0049ca;"}},"children":["c0f55929-5839-0969-d1c4-338448bcfa65"],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e7f","fake":false,"type":"class","name":"pricing-3_value","namespace":"","comb":"","styleLess":"color: #0f1929; font-size: 3rem; line-height: 1.2em; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e85","fake":false,"type":"class","name":"pricing-3_header_paragraph","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e83","fake":false,"type":"class","name":"pricing-3_header","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; text-align: center;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e84","fake":false,"type":"class","name":"pricing-3","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto;","variants":{"small":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e7a","fake":false,"type":"class","name":"pricing-3_cards","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e7c","fake":false,"type":"class","name":"pricing-3_header_heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"57555bd1-3b5c-be36-cd18-bbeab3632e79","fake":false,"type":"class","name":"pricing-3_header_eyebrow","namespace":"","comb":"","styleLess":"color: #0c60f5; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from