PageSourceSearch

https://produce-ui-v2.webflow.io/pricing

html produce-ui-v2.webflow.io collected 2026-10-03 13:37:13 UTC 77,717 bytes, 600 lines download raw bytes

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&#x27;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&#x27;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&#x27;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 -&gt;</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 -&gt;</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 -&gt;</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 -&gt;</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 &amp; 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&#x27;t utilized a significant amount of Produce UI&#x27;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&#x27;t utilized a significant amount of Produce UI&#x27;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 &quot;copy&quot;
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 &quot;cmd + v&quot; (Mac) or &quot;ctrl + v&quot; (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&#x27;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.