1<!DOCTYPE html><!-- Last Published: Fri Feb 09 2024 00:35:19 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="produce-ui-v2.webflow.io" data-wf-page="64a510412f0524ec4596dbd4" data-wf-site="64a510412f0524ec4596dbc1"><head><meta charset="utf-8"/><link href="https://assets-global.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Produce UI Pricing - Choose the Right Plan</title><meta content="Compare pricing options on Produce UI's Pricing page. Select the perfect plan to access premium features and enhance your design projects." name="description"/><meta content="Produce UI Pricing - Choose the Right Plan" property="og:title"/><meta content="Compare pricing options on Produce UI's Pricing page. Select the perfect plan to access premium features and enhance your design projects." property="og:description"/><meta content="Produce UI Pricing - Choose the Right Plan" name="twitter:title"/><meta content="Compare pricing options on Produce UI's Pricing page. Select the perfect plan to access premium features and enhance your design projects." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://assets-global.website-files.com/64a510412f0524ec4596dbc1/css/produce-ui-v2.webflow.35e9b548f.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Inter:100,200,300,regular,500,600,700,800,900"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dcb8_Produce-Ui-32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dcb9_Produce-Ui-256.png" rel="apple-touch-icon"/>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-QCHZK51359
vendor: 11 bytes, line 1
1"></script>
1<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('js', new Date());gtag('config', 'G-QCHZK51359');</script>
1<!--
1<script src="https://app.lemonsqueezy.com/js/lemon.js" defer></script>
1 --> 2 3
4<script> 5 6 let domain = location.hostname 7 let scriptDomain; 8 // Function to load script files based on URL 9 function loadScript(path, position,callback, module){ 10 11 12 if(domain == "produce-ui-v2.webflow.io") scriptDomain = "https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev" 13 else scriptDomain = "https://produce-ui.com" 14 15 var script = document.createElement('script'); 16 if(module == true) script.type = 'module'; 17 18 script.src = scriptDomain + path 19 20 // Set up a callback to load the next script once this one has finished loading 21 script.onload = function() { 22 if (callback) callback(); 23 }; 24 25 26 // Append the script to the document 27 if(position == "head") document.head.appendChild(script); 28 else document.body.appendChild(script) 29 } 30 31 32</script>
32 33</head><body><div id="banner-wrapper" class="banner-wrapper"><div class="banner error hide"><div class="banner-content"><p>Banner Content here Banner Content here</p></div><div class="banner-close"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a80a2db047ad9e30102773_cancel.svg" loading="lazy" alt="Cancel Icon Grey" class="icon-image-24 pointer"/></div></div><div class="banner hide"><div class="banner-content"><p>Banner Content here Banner Content here</p></div><div class="banner-close"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a80a2db047ad9e30102773_cancel.svg" loading="lazy" alt="Cancel Icon Grey" class="icon-image-24 pointer"/></div></div></div><div id="toast-box-container" class="toast-box-container"><div class="w-embed"><style> 34/* 35.toast-box{ 36transform: translateX(100%); 37animation: moveleft 0.3s ease forwards; 38 39} 40 41@keyframes moveleft{ 42100%{ 43transform: translateX(0) 44} 45} 46 47 48.toast-box::after, .toast-line{ 49content: ""; 50position: absolute; 51left: 0; 52top: 0; 53height: 4px; 54background: #11D800; 55width: 100%; 56animation: anim 5s linear forwards; 57} 58 59 60 61.toast-box.toast-error::after, .toast-box.toast-error .toast-line{ 62background: #EC1E1E; 63} 64 65.toast-box.invalid::after .toast-box.toast-error .toast-line{ 66background: orange; 67} 68 69@keyframes anim { 70 71100%{ 72width: 0; 73} 74 75} 76*/ 77 78.toast-box{ 79transform: translateX(100%); 80animation: moveleft 0.3s ease forwards; 81 82} 83 84@keyframes moveleft{ 85100%{ 86transform: translateX(0) 87} 88} 89 90 91.toast-line{ 92content: ""; 93position: absolute; 94left: 0; 95top: 0; 96height: 4px; 97background: #11D800; 98width: 100%; 99animation: anim 5s linear forwards; 100} 101 102.toast-box:hover .toast-line{ 103animation-play-state: paused; 104} 105 106.toast-box.toast-error .toast-line{ 107background: #EC1E1E; 108} 109 110.toast-box.toast-warning .toast-line{ 111background: orange; 112} 113 114@keyframes anim { 115 116100%{ 117width: 0; 118} 119 120} 121 122 123</style></div><div class="hide"><div class="toast-box"><div class="toast-content"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64bd4bd91b90be3b5f6831b7_toast-success.svg" loading="lazy" alt="Roast Success Icon"/><div class="toast-text-container"><p class="heading-xsmall text-color-grey-20">Copied Successfully</p><p class="text-size-small text-color-grey-50">You copied component successfully.</p></div></div><div class="toast-line-container"><div class="toast-line new"></div></div></div></div></div><div class="page-wrapper"><div class="global-styles w-embed"><style> 124 125/* Make text look crisper and more legible in all browsers */ 126body { 127 -webkit-font-smoothing: antialiased; 128 -moz-osx-font-smoothing: grayscale; 129 font-smoothing: antialiased; 130 text-rendering: optimizeLegibility; 131} 132 133/* Focus state style for keyboard navigation for the focusable elements */ 134*[tabindex]:focus-visible, 135 input[type="file"]:focus-visible { 136 outline: 0.125rem solid #4d65ff; 137 outline-offset: 0.125rem; 138} 139 140/* Get rid of top margin on first element in any rich text element */ 141.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 142 margin-top: 0 !important; 143} 144 145/* Get rid of bottom margin on last element in any rich text element */ 146.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 147 margin-bottom: 0 !important; 148} 149 150/* Prevent all click and hover interaction with an element */ 151.pointer-events-off { 152 pointer-events: none; 153} 154 155/* Enables all click and hover interaction with an element */ 156.pointer-events-on { 157 pointer-events: auto; 158} 159 160/* Create a class of .div-square which maintains a 1:1 dimension of a div */ 161.div-square::after { 162 content: ""; 163 display: block; 164 padding-bottom: 100%; 165} 166 167/* Make sure containers never lose their center alignment */ 168.container-medium,.container-small, .container-large { 169 margin-right: auto !important; 170 margin-left: auto !important; 171} 172 173 174/* Apply "..." after 3 lines of text */ 175.text-style-3lines { 176 display: -webkit-box; 177 overflow: hidden; 178 -webkit-line-clamp: 3; 179 -webkit-box-orient: vertical; 180} 181 182/* Apply "..." after 2 lines of text */ 183.text-style-2lines { 184 display: -webkit-box; 185 overflow: hidden; 186 -webkit-line-clamp: 2; 187 -webkit-box-orient: vertical; 188} 189 190.text-style-1lines {
191 display: -webkit-box; 192 overflow: hidden; 193 -webkit-line-clamp: 1; 194 -webkit-box-orient: vertical; 195} 196 197/* Adds inline flex display */ 198.display-inlineflex { 199 display: inline-flex; 200} 201 202/* These classes are never overwritten */ 203.hide { 204 display: none !important; 205} 206 207@media screen and (max-width: 991px) { 208 .hide, .hide-tablet { 209 display: none !important; 210 } 211} 212 @media screen and (max-width: 767px) { 213 .hide-mobile-landscape{ 214 display: none !important; 215 } 216} 217 @media screen and (max-width: 479px) { 218 .hide-mobile{ 219 display: none !important; 220 } 221} 222 223.margin-0 { 224 margin: 0rem !important; 225} 226 227.padding-0 { 228 padding: 0rem !important; 229} 230 231.spacing-clean { 232padding: 0rem !important; 233margin: 0rem !important; 234} 235 236.margin-top { 237 margin-right: 0rem !important; 238 margin-bottom: 0rem !important; 239 margin-left: 0rem !important; 240} 241 242.padding-top { 243 padding-right: 0rem !important; 244 padding-bottom: 0rem !important; 245 padding-left: 0rem !important; 246} 247 248.margin-right { 249 margin-top: 0rem !important; 250 margin-bottom: 0rem !important; 251 margin-left: 0rem !important; 252} 253 254.padding-right { 255 padding-top: 0rem !important; 256 padding-bottom: 0rem !important; 257 padding-left: 0rem !important; 258} 259 260.margin-bottom { 261 margin-top: 0rem !important; 262 margin-right: 0rem !important; 263 margin-left: 0rem !important; 264} 265 266.padding-bottom { 267 padding-top: 0rem !important; 268 padding-right: 0rem !important; 269 padding-left: 0rem !important; 270} 271 272.margin-left { 273 margin-top: 0rem !important; 274 margin-right: 0rem !important; 275 margin-bottom: 0rem !important; 276} 277 278.padding-left { 279 padding-top: 0rem !important; 280 padding-right: 0rem !important; 281 padding-bottom: 0rem !important; 282} 283 284.margin-horizontal { 285 margin-top: 0rem !important; 286 margin-bottom: 0rem !important; 287} 288 289.padding-horizontal { 290 padding-top: 0rem !important; 291 padding-bottom: 0rem !important; 292} 293 294.margin-vertical { 295 margin-right: 0rem !important; 296 margin-left: 0rem !important; 297} 298 299.padding-vertical { 300 padding-right: 0rem !important; 301 padding-left: 0rem !important; 302} 303 304 305.disable-scrollbar::-webkit-scrollbar {
306 display: none; 307} 308 309 310 311/* width */ 312body::-webkit-scrollbar { 313 width: 10px; 314} 315 316/* Track */ 317body::-webkit-scrollbar-track { 318 background-color: F7FAFF; 319} 320 321/* Handle */ 322body::-webkit-scrollbar-thumb { 323 background: #F7FAFF; 324 border-radius: 0px; 325 326} 327 328/* Handle on hover */ 329body::-webkit-scrollbar-thumb:hover { 330 background: #E5EFFF; 331} 332 333 334/* width */ 335.scrollbar-style.popscreen-image::-webkit-scrollbar { 336 width: 6px; 337} 338.scrollbar-style.popscreen-image::-webkit-scrollbar-thumb { 339 background: #CCE0FF; 340 border-radius: 10px; 341 342} 343.scrollbar-style.popscreen-image::-webkit-scrollbar-track { 344 background-color: #E5EFFF; 345} 346 347 348.scrollbar-style::-webkit-scrollbar { 349 width: 10px; 350} 351 352/* Track */ 353.scrollbar-style::-webkit-scrollbar-track { 354 background-color: E5EFFF; 355} 356 357/* Handle */ 358.scrollbar-style::-webkit-scrollbar-thumb { 359 background: #E5EFFF; 360 border-radius: 2px; 361 362} 363 364/* Handle on hover */ 365.scrollbar-style::-webkit-scrollbar-thumb:hover { 366 background: #CCE0FF; 367} 368 369 370 371 372 373.disable-click{ 374pointer-events: none; 375} 376 377.disable{ 378pointer-events: none; 379} 380 381 382/* Check Tick */ 383input:checked ~ .custom-check-box { 384background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjcwOTkgNy4yMDk5OEMxOC42MTcgNy4xMTYyNSAxOC41MDY0IDcuMDQxODYgMTguMzg0NSA2Ljk5MTA5QzE4LjI2MjcgNi45NDAzMiAxOC4xMzIgNi45MTQxOCAxNy45OTk5IDYuOTE0MThDMTcuODY3OSA2LjkxNDE4IDE3LjczNzIgNi45NDAzMiAxNy42MTU0IDYuOTkxMDlDMTcuNDkzNSA3LjA0MTg2IDE3LjM4MjkgNy4xMTYyNSAxNy4yOSA3LjIwOTk4TDkuODM5OTUgMTQuNjdMNi43MDk5NSAxMS41M0M2LjYxMzQzIDExLjQzNjggNi40OTk0OSAxMS4zNjM0IDYuMzc0NjMgMTEuMzE0MkM2LjI0OTc4IDExLjI2NSA2LjExNjQ1IDExLjI0MDkgNS45ODIyNyAxMS4yNDMyQzUuODQ4MDkgMTEuMjQ1NiA1LjcxNTY4IDExLjI3NDMgNS41OTI2IDExLjMyNzhDNS40Njk1MyAxMS4zODEzIDUuMzU4MTkgMTEuNDU4NSA1LjI2NDk1IDExLjU1NUM1LjE3MTcxIDExLjY1MTUgNS4wOTg0IDExLjc2NTUgNS4wNDkxOSAxMS44OTAzQzQuOTk5OTkgMTIuMDE1MiA0Ljk3NTg2IDEyLjE0ODUgNC45NzgxOCAxMi4yODI3QzQuOTgwNSAxMi40MTY5IDUuMDA5MjMgMTIuNTQ5MyA1LjA2MjcyIDEyLjY3MjNDNS4xMTYyMiAxMi43OTU0IDUuMTkzNDMgMTIuOTA2OCA1LjI4OTk1IDEzTDkuMTI5OTUgMTYuODRDOS4yMjI5MSAxNi45MzM3IDkuMzMzNTEgMTcuMDA4MSA5LjQ1NTM3IDE3LjA1ODlDOS41NzcyMyAxNy4xMDk3IDkuNzA3OTQgMTcuMTM1OCA5LjgzOTk1IDE3LjEzNThDOS45NzE5NiAxNy4xMzU4IDEwLjEwMjcgMTcuMTA5NyAxMC4yMjQ1IDE3LjA1ODlDMTAuMzQ2NCAxNy4wMDgxIDEwLjQ1NyAxNi45MzM3IDEwLjU1IDE2Ljg0TDE4LjcwOTkgOC42Nzk5OUMxOC44MTE1IDguNTg2MzUgMTguODkyNSA4LjQ3MjY4IDE4Ljk0NzkgOC4zNDYxOEMxOS4wMDMzIDguMjE5NjkgMTkuMDMxOSA4LjA4MzA4IDE5LjAzMTkgNy45NDQ5OEMxOS4wMzE5IDcuODA2ODggMTkuMDAzMyA3LjY3MDI3IDE4Ljk0NzkgNy41NDM3N0MxOC44OTI1IDcuNDE3MjcgMTguODExNSA3LjMwMzYyIDE4LjcwOTkgNy4yMDk5OFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMDc0XzE3KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzIwNzRfMTciIHgxPSI0Ljk3ODAzIiB5MT0iMTIuMDI1IiB4Mj0iMTkuMDMxOSIgeTI9IjEyLjAyNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDA2MkZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwQjJGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo="); 385 386 background-position: 50% 50%; 387 background-size: contain; 388 background-repeat: no-repeat; 389} 390 391/* Radio Tick */ 392input:checked ~ .custom-radio-button { 393background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjE4MTggMTVDMjMuMTgxOCAxOS41MTg3IDE5LjUxODcgMjMuMTgxOCAxNSAyMy4xODE4QzEwLjQ4MTMgMjMuMTgxOCA2LjgxODE4IDE5LjUxODcgNi44MTgxOCAxNUM2LjgxODE4IDEwLjQ4MTMgMTAuNDgxMyA2LjgxODE4IDE1IDYuODE4MThDMTkuNTE4NyA2LjgxODE4IDIzLjE4MTggMTAuNDgxMyAyMy4xODE4IDE1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzIwNzVfMTkpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA3NV8xOSIgeDE9IjYuODE4MTgiIHkxPSIxNSIgeDI9IjIzLjE4MTgiIHkyPSIxNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDA2MkZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwQjJGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo="); 394 395 background-position: 50% 50%; 396 background-size: contain; 397 background-repeat: no-repeat; 398} 399 400 401/* Loader rotate */ 402.loader, .copy-loader{ 403 animation: load 1s linear infinite; 404} 405 406 407@keyframes load{ 408 100% { 409 transform: rotate(350deg) 410 } 411} 412 413/* Copy - Dropdown Hover */ 414 415.hover-dropdown-lists{ 416 display: none; 417} 418 419.card-dropdown:hover .hover-dropdown-lists{ 420 display: flex; 421} 422 423 424.background-change-gradient { 425 background-size: 400% 400%; 426 animation: gradient 15s ease infinite; 427 428} 429 430@keyframes gradient { 431 0% { 432 background-position: 0% 50%; 433 } 434 50% { 435 background-position: 100% 50%; 436 } 437 100% { 438 background-position: 0% 50%; 439 } 440} 441 442@keyframes scroll { 443 from { 444 transform: translateX(0); 445 } 446 to { 447 /* transform: translateX(calc(-100% - 2.5rem)); */ 448 transform: translateX(-100%); 449 } 450} 451 452 453.scroll { 454 animation: scroll 25s linear infinite; 455} 456
457.section-listing-row-container:hover .scroll { 458 animation-play-state : paused; 459} 460 461.element-listing-row-container:hover .scroll { 462 animation-play-state : paused; 463} 464 465.reverse { 466 animation-direction: reverse; 467} 468 469 470/* My Components Settings hover */ 471.settings-block:hover > .settings-options { 472 display: block; 473} 474 475 476 input:focus { 477 border: 1px solid #CCE0FF; 478 outline : none; 479 } 480 481 482.profile-insight-body{ 483 overflow-y : hidden; 484} 485 486/* width */ 487.profile-insight-body::-webkit-scrollbar { 488 height: 6px; 489} 490 491/* Track */ 492.profile-insight-body::-webkit-scrollbar-track { 493 background-color: #E5EFFF; 494 border-radius: 20px; 495} 496 497/* Handle */ 498.profile-insight-body::-webkit-scrollbar-thumb { 499 background: #CCE0FF; 500 border-radius: 0px; 501 502} 503 504/* Handle on hover */ 505.profile-insight-body::-webkit-scrollbar-thumb:hover { 506 background: #99C0FF; 507} 508 509 510.search-sort-container:hover .search-sort-body { 511 display: block; 512} 513 514 515.prtb-page-button-container.active .prtb-page-button-body { 516display : flex; 517} 518</style></div><div data-animation="default" data-collapse="none" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="navbar-container w-container"><a href="/" class="w-nav-brand"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a51f85512c5544605e513e_produce-logo.svg" loading="lazy" alt="Produce UI Textual Logo" class="nav-logo"/></a><div class="flex-horizontal-expand"></div><div class="navbar-link-container"><div class="navbar-links"><div class="navlink"><a href="/components" class="text-weight-medium text-size-regular text-style-normal text-color-grey-20">Components</a><div class="navlink-arrow"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon" class="navlink-arrow-image"/></div><div class="navlink-listing-container"><div class="navlink-listing-content-container"><div class="nl-components-left"><div data-nl-open-for="elements" class="nlcl-block selected"><div class="nlcl-block-images"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64b8d27021d8a8af5b80c934_rectangle-group.svg" loading="lazy" alt="Rectangle Group Icon SVG" class="nlcl-block-left-image"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG"/></div><div class="nlcl-block-texts"><div class="text-color-grey-20 weight-medium">Elements</div><div class="text-color-grey-30 text-size-small">Access over 170+ Elements for free, simply copy and paste them into your Figma file effortlessly.</div></div></div><div data-nl-open-for="sections" class="nlcl-block"><div class="nlcl-block-images"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64b8d2713208460ea540b0b1_squares-2x2.svg" loading="lazy" alt="Square 2x2 Icon" class="nlcl-block-left-image"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG"/></div><div class="nlcl-block-texts"><div class="text-color-grey-20 weight-medium">Sections</div><div class="text-color-grey-30 text-size-small">Access over 1100+ Sections for free, simply copy and paste them into your Figma file effortlessly.</div></div></div><a href="/components" class="nlcl-bottom-block w-inline-block"><div class="weight-medium text-color-grey-20">Open Components Page</div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG"/></a></div><div class="vertical-line"></div><div class="nl-components-right"><div data-nl-block-for="elements" class="nl-names-container scrollbar-style popscreen-image"><a href="/components?component-type=element" class="text-style-normal weight-medium">Go to Elements -></a><div class="nl-names-body"><a href="/components?element-category=avatar" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Avatar</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">17</div></div></a><a href="/components?element-category=banner" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Banner</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">09</div></div></a><a href="/components?element-category=breadcrumb" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Breadcrumb</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">22</div></div></a><a href="/components?element-category=button" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Button</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">06</div></div></a><a href="/components?element-category=calendar" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Calendar</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=card" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Card</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">20</div></div></a><a href="/components?element-category=chart" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Chart</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=checkbox" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Checkbox</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/components?element-category=chips" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Chips</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/components?element-category=clock" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Clock</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/components?element-category=dropdown" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Dropdown</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/components?element-category=file-upload" class="bl-name-block w-inline-block"><div class="text-color-grey-20">File Upload</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=pagination" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Pagination</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=popover" class="bl-name-block w-inline-block"><div class="text-color-grey-20">
518Popover</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">20</div></div></a><a href="/components?element-category=progress" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Progress</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=radio" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Radio</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/components?element-category=range-slider" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Range Slider</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=search-bar" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Search Bar</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">08</div></div></a><a href="/components?element-category=table" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Table</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">09</div></div></a><a href="/components?element-category=tabs" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Tabs</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?element-category=text-input" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Text Input</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/components?element-category=toast" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Toast</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">10</div></div></a><a href="/components?element-category=toggle" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Toggle</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/components?element-category=tooltip" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Tooltip</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a></div></div><div data-nl-block-for="sections" class="nl-names-container scrollbar-style popscreen-image hide"><a href="/components?component-type=section" class="text-style-normal weight-medium">Go to Sections -></a><div class="nl-names-body"><a href="/components?section-category=blog-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Blog Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">100</div></div></a><a href="/components?section-category=comments" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Comments</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=contact" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Contact</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">10</div></div></a><a href="/components?section-category=cta" class="bl-name-block w-inline-block"><div class="text-color-grey-20">CTA</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">52</div></div></a><a href="/components?section-category=dashboard" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Dashboard</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=faq" class="bl-name-block w-inline-block"><div class="text-color-grey-20">FAQ</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">60</div></div></a><a href="/components?section-category=features" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Features</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">140</div></div></a><a href="/components?section-category=footer" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Footer</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=form" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Form</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=gallery" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Gallery</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">40</div></div></a><a href="/components?section-category=hero" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Hero</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=live-chat" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Live Chat</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=login" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Login</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=logo" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Logo</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=multistep-form" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Multistep Form</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=navbar" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Navbar</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=navbar-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Navbar Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">45</div></div></a><a href="/components?section-category=not-found" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Not Found</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/components?section-category=pricing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">
518Pricing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">60</div></div></a><a href="/components?section-category=process" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Process</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">30</div></div></a><a href="/components?section-category=product-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Product Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">80</div></div></a><a href="/components?section-category=search" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Search</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/components?section-category=signup" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Signup</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">50</div></div></a><a href="/components?section-category=team-members" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Team Members</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">120</div></div></a><a href="/components?section-category=testimonial" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Testimonial</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">10</div></div></a><a href="/components?section-category=timeline" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Timeline</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">07</div></div></a></div></div></div></div></div></div><div class="navlink"><a href="/pages" class="text-weight-medium text-size-regular text-style-normal text-color-grey-20">Pages</a><div class="navlink-arrow"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon" class="navlink-arrow-image"/></div><div class="navlink-listing-container"><div class="navlink-listing-content-container"><div class="nlcc-container"><div class="nl-names-container scrollbar-style popscreen-image"><a href="/pages" class="text-style-normal weight-medium">Go to Pages -></a><div class="nl-names-body"><a href="/pages?page-category=404-not-found" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">404 Not Found</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=about" class="bl-name-block w-inline-block"><div class="text-color-grey-20">About</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">10</div></div></a><a href="/pages?page-category=account" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Account</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a><a href="/pages?page-category=affiliate" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Affiliate</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=blog-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Blog Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/pages?page-category=blog-post-open" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Blog Post Open</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=careers" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Careers</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a><a href="/pages?page-category=changelog" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Changelog</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=checkout" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Checkout</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=clients" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Clients</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=contact" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Contact</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">08</div></div></a><a href="/pages?page-category=contribute" class="bl-name-block w-inline-block"><div class="text-color-grey-20">
518Contribute</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/pages?page-category=documentation" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Documentation</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=faq" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">FAQ</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=gallery" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Gallery</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=history" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">History</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=home" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Home</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">12</div></div></a><a href="/pages?page-category=information" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Information</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">15</div></div></a><a href="/pages?page-category=media" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Media</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=news" class="bl-name-block w-inline-block"><div class="text-color-grey-20">News</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/pages?page-category=newsletter-signup" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Newsletter Signup</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=portfolio" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Portfolio</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a><a href="/pages?page-category=pricing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Pricing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">05</div></div></a><a href="/pages?page-category=product-cart" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Product Cart</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=product-detail" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Product Detail</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a><a href="/pages?page-category=product-listing" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Product Listing</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/pages?page-category=services" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Services</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/pages?page-category=sitemap" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Sitemap</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=support" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Support</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/pages?page-category=team" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Team</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/pages?page-category=testimonials" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Testimonials</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/pages?page-category=timeline" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Timeline</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a></div></div></div></div></div></div><div class="navlink"><a href="/templates" class="text-weight-medium text-size-regular text-style-normal text-color-grey-20">Templates</a><div class="navlink-arrow"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon" class="navlink-arrow-image"/></div><div class="navlink-listing-container"><div class="navlink-listing-content-container"><div class="nlcc-container"><div class="nl-names-container scrollbar-style popscreen-image"><a href="/templates" class="text-style-normal weight-medium">Go to Templates -></a><div class="nl-names-body"><a href="/templates?template-category=agency" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Agency</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/templates?template-category=blog" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Blog</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/templates?template-category=business" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Business</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/templates?template-category=community" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Community</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/templates?template-category=ecommerce" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Ecommerce</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/templates?template-category=education" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Education</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">02</div></div></a><a href="/templates?template-category=entertainment" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Entertainment</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/templates?template-category=finance" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Finance</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/templates?template-category=health" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Health</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">03</div></div></a>
518<a href="/templates?template-category=non-profit" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Non Profit</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">01</div></div></a><a href="/templates?template-category=portfolio" class="bl-name-block w-inline-block"><div class="text-color-grey-20">Portfolio</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">04</div></div></a><a href="/templates?template-category=technology" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Technology</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a><a href="/templates?template-category=web3" class="bl-name-block hide w-inline-block"><div class="text-color-grey-20">Web3</div><div class="nl-name-count-container"><div class="text-color-grey-30 text-size-small">0</div></div></a></div></div></div></div></div></div><div class="navlink"><div class="text-size-regular text-weight-medium text-color-grey-20">Others</div><div class="navlink-arrow"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon" class="navlink-arrow-image"/></div><div class="navlink-listing-container"><div class="navlink-listing-content-container others"><div class="nl-others-container"><a href="/pricing" aria-current="page" class="nlcl-block w-inline-block w--current"><div class="nlcl-block-images others"><div class="nlo-header-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6504d6ec19ad47b83f2fdb9c_bolt.svg" loading="lazy" alt="Thunder Icon Grey SVG" class="nlcl-block-left-image others"/><div class="text-color-grey-20 weight-medium">Pricing</div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG" class="icon-image-24"/></div><div class="nlcl-block-texts"><div class="text-color-grey-30 text-size-small">Explore our pricing options to find the plan that suits your needs and budget.</div></div></a><a href="https://produce-ui.lemonsqueezy.com/affiliates" target="_blank" class="nlcl-block w-inline-block"><div class="nlcl-block-images others"><div class="nlo-header-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64b8d2708f0f911317e411c7_banknotes.svg" loading="lazy" alt="Banknotes Icon SVG" class="nlcl-block-left-image others"/><div class="text-color-grey-20 weight-medium">Affiliate</div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG" class="icon-image-24"/></div><div class="nlcl-block-texts"><div class="text-color-grey-30 text-size-small">Join our affiliate program and earn up to $100 per sale.</div></div></a><a href="https://agency.produce-ui.com" target="_blank" class="nlcl-block w-inline-block"><div class="nlcl-block-images others"><div class="nlo-header-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65806548544335c45b47a958_rocket-launch.svg" loading="lazy" alt="Rocket Fill Icon" class="nlcl-block-left-image others"/><div class="text-color-grey-20 weight-medium">Agency</div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG" class="icon-image-24"/></div><div class="nlcl-block-texts"><div class="text-color-grey-30 text-size-small">Design & Develop a tailored product that perfectly aligns with your needs.</div></div></a><a href="#" class="nlcl-block hide w-inline-block"><div class="nlcl-block-images others"><div class="nlo-header-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6504d6ecb19d4a5f58cd36e5_film.svg" loading="lazy" alt="Film Icon Grey SVG" class="nlcl-block-left-image others"/><div class="text-color-grey-20 weight-medium">Our Story</div></div><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/65024923a4eb613dbc66e4d3_right-arrow.svg" loading="lazy" alt="Right Arrow Grey SVG" class="icon-image-24"/></div><div class="nlcl-block-texts"><div class="text-color-grey-30 text-size-small">Discover the journey and mission behind our company by exploring our story page.</div></div></a></div></div></div></div></div></div><div id="navbar-buttons-container" class="navbar-buttons-container hide"><a id="navbar-signup" href="#" class="nav-button w-button">Signup</a><a id="navbar-login" href="#" class="nav-button w-button">Login</a></div><div id="navbar-profile-container" data-w-id="71df41fe-1280-cee9-ebd1-a6fceb994ea9" class="navbar-profile-container hide"><div class="navbar-profile-head"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc6d_default-profile.png" loading="lazy" alt="Produce UI Default Profile Image" class="nav-profile-image"/><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a54fac28b86305f23155cf_chevron-down.svg" loading="lazy" alt="Chevron Down Icon"/></div><div class="navbar-profile-body"><div class="navbar-profile-body-top"><a href="/profile" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a53776f3bd1a0947860e87_user.svg" loading="lazy" alt="User Icon Grey" class="icon-image-24"/><div>Profile</div></a><a href="/profile?open=my-templates" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a53776262710de60264195_shopping-bag.svg" loading="lazy" alt="Shopping Bag Icon" class="icon-image-24"/><div>My Templates</div></a><a href="/profile?open=folders" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a53776e386e381fc4e9aae_folder.svg" loading="lazy" alt="Folder Outline Icon" class="icon-image-24"/><div>Folders</div></a><a href="/pricing" aria-current="page" class="navbar-profile-link w-inline-block w--current"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64adf4052bf9d1b1f7febb56_bolt.svg" loading="lazy" alt="Bolt Icon SVG" class="icon-image-24"/><div>
518Pricing</div></a></div><div class="navbar-profile-body-bottom"><a id="nav-profile-logout" href="#" class="navbar-profile-link w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64adf406122a4dd4e0f0c7d4_logout-red.svg" loading="lazy" alt="Logout Red Icon SVG" class="icon-image-24"/><div class="text-color-red">Logout</div></a></div></div></div><div class="nav-dropdown-for-mobile"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/650ba76e0669675c385fa28e_Icon.svg" loading="lazy" data-w-id="0b0a84ae-b68d-4bbf-deee-93d5a63a0e47" alt="Hamburger Icon Grey SVG" class="nav-mobile-icon"/><div class="nav-mobile-dropdown"><div class="nav-mobile-links-container"><a href="/" class="nav-mobile-link">Home</a><a href="/pricing" aria-current="page" class="nav-mobile-link w--current">Pricing</a><a href="/changelog" class="nav-mobile-link">Changelog</a><a href="/contact-us" class="nav-mobile-link">Contact</a></div></div></div></div></div><main class="main-wrapper"><div class="pricing-section"><div class="pricing-container hide"><div class="pricing-heading-container"><h1 class="heading-large text-weight-semibold text-align-center text-color-grey-10">Pricing Schemes</h1><p class="custom-paragraph-width text-align-center text-color-grey-30 text-size-regular">Save your Irreplaceable time by using our Designs with No Compromise on Quality</p></div><div class="pricing-plan-and-info"><div class="pricing-plans-container"><div class="pricing-plan background-shadow"><div class="pricing-plan-head"><h2 class="text-size-medium weight-medium">Pro</h2></div><div class="pricing-plan-body"><div class="pricing-plan-body-ind"><div class="pricing-ind-heading"><h3 class="text-align-center text-size-regular weight-medium text-color-grey-30">Billed Monthly</h3><div data-pricing-content-place="paragraph" data-pricing-content-for="pro-month" class="text-align-center text-size-small text-color-grey-40">You will be charged $00.00 Plus Tax now, then every following Month.</div></div><div class="pricing-ind-price"><div data-pricing-content-place="discount" data-pricing-content-for="pro-month" class="pricing-price-discount">$00</div><div data-pricing-content-place="price" data-pricing-content-for="pro-month" class="pricing-price">$00</div><div class="text-color-grey-50 text-size-small">| Month</div></div><a data-pricing-plan-button="pro-month" href="#" class="button secondary w-button">Upgrade Now</a></div><div class="vertical-line _7rem hide-mobile-landscape"></div><div class="pricing-plan-body-ind"><div class="pricing-ind-heading"><h3 class="text-align-center text-size-regular weight-medium text-color-grey-30">Billed Yearly</h3><div data-pricing-content-place="paragraph" data-pricing-content-for="pro-year" class="text-align-center text-size-small text-color-grey-40">You will be charged $00.00 plus Tax now, then every following Year.</div></div><div class="pricing-ind-price"><div data-pricing-content-place="discount" data-pricing-content-for="pro-year" class="pricing-price-discount">$00</div><div data-pricing-content-place="price" data-pricing-content-for="pro-year" class="pricing-price">$00</div><div class="text-color-grey-50 text-size-small">| Month</div></div><a data-pricing-plan-button="pro-year" href="#" class="button primary w-button">Upgrade Now</a></div></div></div><div class="pricing-plan background-shadow"><div class="pricing-plan-head"><div class="text-size-medium weight-medium">Pro Plus</div></div><div class="pricing-plan-body"><div class="pricing-plan-body-ind"><div class="pricing-ind-heading"><h3 class="text-align-center text-size-regular weight-medium text-color-grey-30">Billed Monthly</h3><div data-pricing-content-place="paragraph" data-pricing-content-for="pro-plus-month" class="text-align-center text-size-small text-color-grey-40">You will be charged $00.00 Plus Tax now, then every following Month.</div></div><div class="pricing-ind-price"><div data-pricing-content-place="discount" data-pricing-content-for="pro-plus-month" class="pricing-price-discount">$00</div><div data-pricing-content-place="price" data-pricing-content-for="pro-plus-month" class="pricing-price">$00</div><div class="text-color-grey-50 text-size-small">| Month</div></div><a data-pricing-plan-button="pro-plus-month" href="#" class="button secondary w-button">Upgrade Now</a></div><div class="vertical-line _7rem hide-mobile-landscape"></div><div class="pricing-plan-body-ind"><div class="pricing-ind-heading"><h3 class="text-align-center text-size-regular weight-medium text-color-grey-30">Billed Yearly</h3><div data-pricing-content-place="paragraph" data-pricing-content-for="pro-plus-year" class="text-align-center text-size-small text-color-grey-40">
518You will be charged $00.00 plus Tax now, then every following Year.</div></div><div class="pricing-ind-price"><div data-pricing-content-place="discount" data-pricing-content-for="pro-plus-year" class="pricing-price-discount">$00</div><div data-pricing-content-place="price" data-pricing-content-for="pro-plus-year" class="pricing-price">$00</div><div class="text-color-grey-50 text-size-small">| Month</div></div><a data-pricing-plan-button="pro-plus-year" href="#" class="button primary w-button">Upgrade Now</a></div></div></div></div></div></div><div class="pricing-body"><div class="pricing-body-head"><div class="pbh-content"><h1 class="pricing-heading">Produce UI Pro Plan</h1><p class="text-size-regular text-align-center text-color-grey-70">You can request a refund within 7 days of purchase, and it will be processed if you haven't utilized a significant amount of Produce UI's resources</p><div class="pricing-price-container hide"><div id="full-price-text" class="pricing-discount-text">$00</div><div id="final-price-text" class="pricing-block-price-top">$00</div><div class="pricing-tax-text">+ VAT Tax</div></div><div id="discount-text-container" class="pricing-offer-text-container hide"><p>New Year Offer 0% ends in <br/>â<span class="countdown">00h 00m 00s</span></p></div></div></div><div class="pricing-body-content"><div class="pricing-new-container"><div class="pricing-new-block"><div class="pn-text-container"><div class="text-size-regular text-align-center text-weight-medium text-color-grey-20">3 Months Access</div><div class="pn-price">$39</div></div><a id="pricing-button-1" href="#" class="pn-button w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/653715ab40b7d863b69bbd97_crown-white.svg" loading="lazy" id="w-node-_50c4ec50-f250-9ea8-f6d0-8288a12c8bcc-4596dbd4" alt="Crown Icon" class="card-icon"/><div class="pricing-button-text">Upgrade Now</div></a></div><div class="pricing-new-block"><div class="pn-text-container"><div class="text-size-regular text-align-center text-weight-medium text-color-grey-20">12 Months Access</div><div class="pn-price-container"><div class="pn-price">$132</div><div class="text-size-regular text-style-strikethrough text-color-grey-60">$156</div></div></div><a id="pricing-button-2" href="#" class="pn-button w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/653715ab40b7d863b69bbd97_crown-white.svg" loading="lazy" id="w-node-cfbe4591-80e4-0c1e-3999-104bd219ab46-4596dbd4" alt="Crown Icon" class="card-icon"/><div class="pricing-button-text">Upgrade Now</div></a></div><div class="pricing-new-block"><div class="pn-text-container"><div class="text-size-regular text-align-center text-weight-medium text-color-grey-20">24 Months Access</div><div class="pn-price-container"><div class="pn-price">$192</div><div class="text-size-regular text-style-strikethrough text-color-grey-60">$312</div></div></div><a id="pricing-button-3" href="#" class="pn-button w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/653715ab40b7d863b69bbd97_crown-white.svg" loading="lazy" id="w-node-_5e81ba3c-ad53-0049-bfc0-09aa6f3c0e76-4596dbd4" alt="Crown Icon" class="card-icon"/><div class="pricing-button-text">Upgrade Now</div></a></div></div><a id="pricing-button" href="#" class="pricing-button hide w-node-_5f86073b-8ab7-11b1-e0a5-f0ec27b12f9a-4596dbd4 w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/653715ab40b7d863b69bbd97_crown-white.svg" loading="lazy" id="w-node-_345c336b-b083-ed35-2d80-f4675c3007b3-4596dbd4" alt="Crown Icon" class="card-icon"/><div class="pricing-button-text">Upgrade to Lifetime Pro</div></a><div class="pricing-body-info-container"><div class="pricing-info-block-1"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/653715ad378aa42c80cd303d_pricing-components.svg" loading="lazy" alt="Components Icon" class="icon-image-50"/><div class="pib1-text-container"><div class="weight-medium text-color-grey-20">Components</div><div class="text-size-small text-color-grey-40">50 Copies Per Day</div></div></div><div class="pricing-info-block-1"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/653715aed705df65ae09f6d0_pricing-pages.svg" loading="lazy" alt="Pages Icon" class="icon-image-50"/><div class="pib1-text-container"><div class="weight-medium text-color-grey-20">Pages</div><div class="text-size-small text-color-grey-40">50 Copies Per Day</div></div></div><div class="pricing-info-block-1"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/653715aee037d67147b2cd1f_pricing-templates.svg" loading="lazy" alt="Templates Icon" class="icon-image-50"/><div class="pib1-text-container"><div class="weight-medium text-color-grey-20">Templates</div><div class="text-size-small text-color-grey-40">20 Copies Per Day</div></div></div><div class="pricing-info-block-1"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/653715ae17d2417a8d00efc7_pricing-templates-download.svg" loading="lazy" alt="Download Icon" class="icon-image-50"/><div class="pib1-text-container"><div class="weight-medium text-color-grey-20"><span class="pricing-helper-template-text">Templates </span>Download</div><div class="text-size-small text-color-grey-40">3 per day</div></div></div></div><div class="pricing-body-info-container-bottom"><div class="pricing-dark-card"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6539485a3e726bdc04ad93ec_pricing-rocket.png" loading="lazy" alt="Rocket Icon" class="icon-image-50 pricing"/><div class="pricing-dark-card-texts"><div class="text-size-medium weight-medium text-align-center text-color-absolute-white">100% Access to all Designs</div><div class="text-align-center text-weight-light text-color-grey-80">Pro users have access to copy all the designs available in Produce UI</div></div></div><div class="pricing-dark-card"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6539485a44819f7633bcdb5c_pricing-thunder.png" loading="lazy" alt="Thunder Iccon" class="icon-image-50 pricing"/><div class="pricing-dark-card-texts"><div class="text-size-medium weight-medium text-align-center text-color-absolute-white">Access to Future Design</div><div class="text-align-center text-weight-light text-color-grey-80">Pro users have access to the designs we will upload on the platform in Future</div></div></div><div class="pricing-dark-card"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6539485a402c82d8803b5c7c_pricing-folder.png" loading="lazy" alt="Folder Icon" class="icon-image-50 pricing"/><div class="pricing-dark-card-texts"><div class="text-size-medium weight-medium text-align-center text-color-absolute-white">Enhanced Folders</div><div class="text-align-center text-weight-light text-color-grey-80">Pro users can create upto 20 Folders each folder can have upto 100 items</div></div></div></div></div></div><div class="pricing-info-container"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64b5aac197f3670611cf82fe_information-circle.svg" loading="lazy" alt="Information Circle Gradient" class="icon-image-24"/><p id="pricing-info-text" class="text-color-grey-30">You can request a refund within 7 days of purchase, and it will be processed if you haven't utilized a significant amount of Produce UI's resources</p></div></div><div class="pricing-comparison"><div class="headings-container"><h2 class="heading-large text-color-grey-20 text-align-center">Features Comparison</h2></div><div class="pricing-block-container background-shadow"><div class="pricing-block-head"><div class="pricing-block-head-ind _1"><div class="pricing-logo"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc0c_logo-square.svg" loading="lazy" alt="Produce UI Logo"/></div><div class="pricing-logo-texts"><h1 class="heading-small">Need Help ?</h1><a href="/contact-us" class="text-button w-inline-block"><p class="text-size-regular weight-medium text-color-acuarygradient">Contact us</p><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc35_Right%20Arrow.svg" loading="lazy" alt="Right Arrow Icon"/></a></div></div><div class="pricing-block-head-ind"><p class="text-size-regular weight-medium text-color-grey-30">Free Plan</p><div class="pricing-price-container"><div class="pricing-block-price">$0</div><div class="text-color-grey-50 text-size-small">| Lifetime</div></div><a data-pricing-plan-button="browse-now" href="/components" class="button secondary pricing w-button">Browse Now</a></div><div class="pricing-block-head-ind"><p class="text-size-regular weight-medium text-color-grey-30">Pro Plan</p><div class="pricing-price-container"><div id="comparison-pro-price" class="pricing-block-price">$13</div><div class="text-color-grey-50 text-size-small">| Month</div></div><a id="comparison-pricing-button" data-pricing-plan-button="scroll-top" href="#" class="button primary pricing w-button">Upgrade Now</a></div></div><div class="pricing-block-body"><div class="pricing-block-body-ind head"><div class="pricing-body-inside-head">Features</div><div class="pricing-body-text-container"><p>Components Copy Limit</p></div><div class="pricing-body-text-container"><p>Pages Copy Limit</p></div><div class="pricing-body-text-container"><p>Templates Copy Limit</p></div><div class="pricing-body-text-container"><p>Templates Download Limit</p></div><div class="pricing-body-text-container"><p>Available Designs</p></div><div class="pricing-body-text-container"><p>Folders Limit</p></div><div class="pricing-body-text-container last"><p>Folder Items Limit</p></div></div><div class="pricing-block-body-ind content first"><div class="pricing-body-inside-head">Free</div><div class="pricing-body-text-container answer"><p>20 Per Month</p></div><div class="pricing-body-text-container answer"><p>10 Per Month</p></div><div class="pricing-body-text-container answer"><p>5 Per Month</p></div><div class="pricing-body-text-container answer"><p>1 Per Day</p></div><div class="pricing-body-text-container answer"><p>Access to only free designs</p></div><div class="pricing-body-text-container answer"><p>3</p></div><div class="pricing-body-text-container answer last"><p>20</p></div></div><div class="pricing-block-body-ind content last"><div class="pricing-body-inside-head">Pro</div><div class="pricing-body-text-container answer"><p>50 Copies Per Day</p></div><div class="pricing-body-text-container answer"><p>50 Copies Per Day</p></div><div class="pricing-body-text-container answer"><p>20 Copies Per Day</p></div><div class="pricing-body-text-container answer"><p>3 Per Day</p></div><div class="pricing-body-text-container answer"><p>100% of all Designs on Produce UI</p></div><div class="pricing-body-text-container answer"><p>20</p></div><div class="pricing-body-text-container answer last"><p>100</p></div></div></div><div class="hide w-embed"><style> 519/* width */ 520.pricing-block-body::-webkit-scrollbar {
521 width: 2px; 522 height: 5px; 523} 524 525/* Track */ 526.pricing-block-body::-webkit-scrollbar-track { 527 background-color: #F7FAFF; 528} 529 530/* Handle */ 531.pricing-block-body::-webkit-scrollbar-thumb { 532 background: #e5efff; 533 border-radius: 10px; 534 535} 536 537/* Handle on hover */ 538.pricing-block-body::-webkit-scrollbar-thumb:hover { 539 background: #E5EFFF; 540} 541</style></div></div></div><div class="pricing-faq"><div class="faq-container"><div class="headings-container"><h2 class="heading-large text-color-grey-20 text-align-center">Frequently Asked Questions</h2><p class="text-align-center text-size-regular text-color-grey-50">In our FAQ section, find answers to common queries, and for further assistance, reach out to us at <a href="mailto:[email protected]" class="weight-medium text-color-grey-30">[email protected]</a>, ensuring a smooth experience with our products and services </p></div><div class="faq-body"><div class="faq-colom"><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec718" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">Why I need Produce UI ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">Produce UI is essential because it provides you with a comprehensive library of Elements, Sections, Pages, and Templates, eliminating the need to start your designs from scratch. This translates to a significant reduction in your design time, transforming weeks of work into mere hours.</p></div></div><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec720" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">What are Components ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">Produce UI components are composed of elements and sections designs, These modular components offer the capability to enhance your existing website design seamlessly and efficiently, harnessing the power of Produce UI Components for effective improvements.</p></div></div><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec728" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">What are Pages ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">Pages of Produce UI are pre-designed, fully completed individual page design. You can easily copy these pages from Produce UI and customize their content and style according to your preferences, enabling you to expedite the design process efficiently and achieve a polished result swiftly.</p></div></div><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec730" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">What are Templates ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">Templates are pre-designed, complete websites within a specific theme. We offer the option to either copy individual pages from the template or download the entire template, providing a convenient and ready-made foundation for your web design projects.</p></div></div><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec738" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">How Frequently You will upload designs ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">We upload new designs every month, ensuring a consistent influx of fresh and valuable resources for our users.</p></div></div></div><div class="faq-colom"><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec741" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">How to copy and paste designs into Figma ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">To copy and paste designs into Figma from Produce UI, utilize our search pages for components, pages, and templates to choose the desired design. Click the "copy"
541 button for the needed screen size, which copies the Figma Design to your clipboard. Then, in your Figma design file, simply paste it using "cmd + v" (Mac) or "ctrl + v" (Windows) anywhere within your File.</p></div></div><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec749" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">How Does Support Work ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">Our support system at Produce UI is designed to provide you with timely assistance and solutions. You can reach out to our support team via email at <a href="mailto:[email protected]" class="weight-medium">[email protected]</a>. We are committed to addressing your inquiries, resolving issues, and ensuring a smooth experience with our products and services. Feel free to contact us whenever you need assistance, and we'll be here to help.</p></div></div><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec754" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">How Payment Works ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">We utilize LemonSqueezy to handle payments for Produce UI. We offer the flexibility of using credit cards, debit cards, and PayPal as payment methods.</p></div></div><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec75c" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">In which browser Produce UI will work ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">Produce UI will work only on Chrome, Opera and Microsoft Edge.</p></div></div><div data-w-id="2cf7753a-520b-8b9c-1b7d-f6764a8ec764" class="faq"><div class="faq-question"><h3 class="text-size-medium weight-medium text-color-grey-20">What makes Produce UI Unique ?</h3><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a510412f0524ec4596dc5c_plus%20grey.svg" loading="lazy" alt="Add Grey Icon" class="faq-icon"/></div><div style="height:0px" class="faq-answer"><p class="faq-answer-text">What sets Produce UI apart is its focus on real-world use cases, emphasizing the quality of designs over quantity. This dedication to creating designs that are tailored to practical applications distinguishes Produce UI in the world of web design resources.</p></div></div></div></div></div></div></main><div class="footer"><div class="footer-content"><div class="footer-content-left"><div class="fcl-texts"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/64a51f85512c5544605e513e_produce-logo.svg" loading="lazy" alt="Produce UI Textual Logo" class="footer-logo"/><p class="fcl-para">All designs available in this website are Original Creations of Produce UI Company.</p></div><div class="footer-social-icons-container"><a href="https://www.figma.com/@produce_ui" target="_blank" class="footer-social-button w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/650bcbe21df325d57514c68e_figma-logo.svg" loading="lazy" alt="Figma Logo SVG" class="icon-image-24"/></a><a href="https://dribbble.com/produce_ui" target="_blank" class="footer-social-button w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6538b219ae263bdf635e99aa_favicon-7069643deb57b4d88a84ec7cf30ea81561641d491fd6396b28c84f861f2aa32d.svg" loading="lazy" alt="Dribbble Logo" class="icon-image-24"/></a><a href="https://www.behance.net/produce_ui" target="_blank" class="footer-social-button w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6538b18a6b3dce952f03d056_behance-2.svg" loading="lazy" alt="Behance Logo" class="icon-image-24"/></a><a href="https://www.instagram.com/produce.ui/" target="_blank" class="footer-social-button w-inline-block"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6502a953244c7cd5f34f20f8_instagram.svg" loading="lazy" alt="Instagram Logo SVG" class="icon-image-24"/></a></div></div><div class="footer-content-right"><div class="fcr-block"><div class="text-color-grey-20 weight-medium">Product</div><div class="fcr-block-body"><a href="/components" class="footer-link">Components</a><a href="/pages" class="footer-link">Pages</a><a href="/templates" class="footer-link">Templates</a></div></div><div class="fcr-block"><div class="text-color-grey-20 weight-medium">Company</div><div class="fcr-block-body"><a href="/pricing" aria-current="page" class="footer-link w--current">Pricing</a><a href="#" class="footer-link hide">Our Story</a><a href="/changelog" class="footer-link">Changelog</a><a href="/contact-us" class="footer-link">Contact us</a></div></div><div class="fcr-block"><div class="text-color-grey-20 weight-medium">Legal</div><div class="fcr-block-body"><a href="/legal/privacy-policy" class="footer-link">Privacy Policy</a><a href="/legal/terms-of-use" class="footer-link">Terms of Use</a><a href="/legal/license" class="footer-link">License</a><a href="/legal/cancellation-policy" class="footer-link">Cancellation Policy</a></div></div></div></div><div class="footer-footer"><div class="text-size-small text-color-grey-50">Version 1.1</div><div class="text-size-small text-color-grey-50">@2023 Produce-UI. All Rights Reserved.</div></div></div></div><div class="initial-loading"><img src="https://cdn.prod.website-files.com/64a510412f0524ec4596dbc1/6512a676dc0599868e9bda1b_loader.svg" loading="lazy" alt="" class="loader"/></div>
541<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64a510412f0524ec4596dbc1" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
541<script src="https://assets-global.website-files.com/64a510412f0524ec4596dbc1/js/webflow.fb0429935.js" type="text/javascript"></script>
541<script src="https://produce-ui.com/scripts/icons.js"></script>
vendor: 1 bytes, line 541
541
542<script src="https://produce-ui.com/scripts/global-data.js"></script>
542
543<script src="https://produce-ui.com/scripts/urls.js"></script>
vendor: 1 bytes, line 543
543
544<script src="https://produce-ui.com/scripts/pui.js"></script>
vendor: 1 bytes, line 544
544
545<script src="https://produce-ui.com/scripts/global.js"></script>
vendor: 1 bytes, line 545
545
546<script src="https://produce-ui.com/scripts/global-script.js"></script>
vendor: 1 bytes, line 546
546
547<script type="module" src="https://produce-ui.com/scripts/firebase.js"></script>
547 548 549 550 551 552<!--
553<script src="https://produce-ui.com/scripts/icons.js"></script>
vendor: 1 bytes, line 553
553
554<script src="https://produce-ui.com/scripts/global-data.js"></script>
554
555<script src="https://produce-ui.com/scripts/urls.js"></script>
vendor: 1 bytes, line 555
555
556<script src="https://produce-ui.com/scripts/pui.js"></script>
vendor: 1 bytes, line 556
556
557<script src="https://produce-ui.com/scripts/global.js"></script>
vendor: 1 bytes, line 557
557
558<script src="https://produce-ui.com/scripts/global-script.js"></script>
vendor: 1 bytes, line 558
558
559<script type="module" src="https://produce-ui.com/scripts/firebase.js"></script>
559 560 561
562<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/icons.js"></script>
vendor: 1 bytes, line 562
562
563<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/global-data.js"></script>
563
564<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/urls.js"></script>
vendor: 1 bytes, line 564
564
565<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/pui.js"></script>
vendor: 1 bytes, line 565
565
566<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/global.js"></script>
vendor: 1 bytes, line 566
566
567<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/global-script.js"></script>
vendor: 1 bytes, line 567
567
568<script type="module" src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-3f0wwi3vqxvdj.sisko.replit.dev/scripts/firebase.js"></script>
568 569 570
571<script> 572// Load the scripts one by one in order 573 loadScript("/scripts/global-data.js", "body", function() { 574 loadScript("/scripts/icons.js", "body", function() { 575 loadScript("/scripts/urls.js", "body", function() { 576 loadScript("/scripts/pui.js", "body", function() { 577 loadScript("/scripts/global.js", "body", function() { 578 loadScript("/scripts/global-script.js", "body", function() { 579 loadScript("/scripts/firebase.js", "body", null, true); // The last script is loaded as a module 580 }); 581 }); 582 }); 583 }); 584 }); 585 }); 586</script>
586 587 588 589--> 590
591<script>window.lemonSqueezyAffiliateConfig = { store: "produce-ui" };</script>
vendor: 1 bytes, line 591
591
592<script src="https://lmsqueezy.com/affiliate.js" defer></script>
592 593 594 595<!--
595<script src="https://a82321ab-8afa-49ea-b32b-fd868f5e26e9-00-9u5gcq0fqhi9.asia-b.replit.dev/scripts/for-page/pricing.js"></script>
595 596--> 597
598<script> 599loadScript("/scripts/for-page/pricing.js", "body") 600</script>
600</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.