1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Mon Aug 26 2024 22:57:31 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="etar-staging.webflow.io" data-wf-page="643c45a56dea09af1146c2ee" data-wf-site="637b507c370cfa15eb784dc0" data-wf-status="1"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Etar | Pro</title><meta content="Etar | Pro" property="og:title"/><meta content="Etar | Pro" name="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="yIZo2hPmb_Dy1SsshOBHgVVIpkDi5bLYKuUKOeMaiHI" name="google-site-verification"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/css/etar-staging.webflow.c6452a03b.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/637b507c370cfa15eb784dc0/63b73c7a928bed1c2b741ffd_Etar%20Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/63b73cf2f4f28c4fb83856dd_Etar-Webclip.png" rel="apple-touch-icon"/>
1<script src="https://embed.wized.com/UP5ijAzfU9h5axxHMbVz.js"></script>
vendor: 1 bytes, line 1
1
2<script data-wized-id="UP5ijAzfU9h5axxHMbVz" src="https://embed.wized.com"></script>
2</head><body class="body en"><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="container navbar en w-container"><a href="/ar/etar-pro" class="change-language en w-inline-block"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/643b0b1a1052bbeb71d5dc1f_globe-outline.svg" loading="lazy" alt="" class="language-icon"/><div class="language-label">AR<br/></div></a><nav role="navigation" class="nav-menu en w-nav-menu"><div class="cta-wrapper nav"><a href="https://www.figma.com/community/file/1407492851432123371/free-etar-design-system-2-0-rtl" target="_blank" class="secondary-button sm w-inline-block"><div class="button-wrapper"><div>Try free file</div></div></a><a href="https://www.figma.com/design/kNK8kzmWdhQALNmgGuDFSG/%F0%9F%92%A0-ETAR-Design-System-Pro-2.0-(RTL)?node-id=2210-441096&t=508Bm0t0xy6XOyOK-1" target="_blank" class="secondary-button sm w-inline-block"><div class="button-wrapper"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/63820c4d42077f1aaea4658c_Figma-Icon.svg" loading="lazy" alt="Figma Logo"/><div class="view-file-text">View file</div></div></a><a href="https://etardesign.lemonsqueezy.com/checkout/buy/ce38736c-fa06-4581-bf19-3f5cc9970724" target="_blank" class="primary-button-wrapper w-inline-block"><div class="primary-button sm">Buy now</div></a></div><div class="navigation-links en"><div data-hover="true" data-delay="0" class="w-dropdown"><div class="navlink en w-dropdown-toggle"><div class="w-icon-dropdown-toggle"></div><div>Products</div></div><nav class="nav-dropdown en w-dropdown-list"><a href="/en/etar-pro" aria-current="page" class="nav-dropdown-item en w-inline-block w--current"><div class="nav-dropdown-content-wrapper"><div class="nav-dropdown-title en">Pro</div><p class="paragraph sm en">The full version from Etar with 2,900+ components and variants</p></div><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/63ad8af8a2e57b5f09d072c7_Figma.svg" loading="lazy" alt="Figma Logo" class="icon lg"/></a><a href="/en/etar-pro-rtl-support" class="nav-dropdown-item en w-inline-block"><div class="nav-dropdown-content-wrapper"><div class="nav-dropdown-title en">Pro (RTL Support)</div><p class="paragraph sm en">The full version <span class="bold-description">supporting RTL</span> languages from Etar with 4,000+ components and variants</p></div><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/63ad8af8a2e57b5f09d072c7_Figma.svg" loading="lazy" alt="Figma Logo" class="icon lg"/></a></nav></div><a href="/en/pricing" class="navlink en w-nav-link">Pricing</a><a href="/en/all-components" class="navlink en w-nav-link">Components</a></div></nav><div class="menu-button w-nav-button"><div class="more-icon w-icon-nav-menu"></div></div><a href="/" class="brand w-nav-brand"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439b573185ceade5a19f2bd_Brand-EN.svg" loading="lazy" alt="" class="image"/></a></div></div><div class="hero-section sm"><div class="container"><h1 class="hero-heading">Etar |Â The Pro Version</h1><p class="sub-title fill-container en">The full version from Etar with 2,900+ components and variants</p><div data-w-id="b8789a58-77fb-9ef5-8224-bd9f9f8e0921" class="cta-wrapper en"><a href="https://www.figma.com/community/file/1407491944003718120/free-etar-design-system-pro-2-0" target="_blank" class="secondary-button en w-inline-block"><div class="button-wrapper"><div>Try free file</div></div></a><a href="https://www.figma.com/design/rUk0UpA8cqsKQT2xySzb4K/%F0%9F%92%A0-ETAR-Design-System-Pro-2.0?node-id=2210-441096&t=zNddaOxl9PbIk66g-1" target="_blank" class="secondary-button en w-inline-block"><div class="button-wrapper"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/63820c4d42077f1aaea4658c_Figma-Icon.svg" loading="lazy" alt="Figma Logo"/><div class="view-file-text">View file</div></div></a><a href="https://etardesign.lemonsqueezy.com/checkout/buy/ce38736c-fa06-4581-bf19-3f5cc9970724" target="_blank" class="primary-button-wrapper w-inline-block"><div class="primary-button en">Buy now</div></a></div></div></div><div class="section"><div class="container"><h2 class="h2">Best way to <span class="blue-text">control</span> the interface</h2><p class="sub-title en">Components and patterns were developed for easier control and long-term optimization</p><div class="horizontal-content-grid first en"><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf878-1146c2ee" class="horizontal-content-image"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f0ef0880be3ade087_Fast%20and%20Consistent%20Design_EN.png" loading="lazy" sizes="(max-width: 479px) 43vw, (max-width: 991px) 46vw, 47vw" srcset="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f0ef0880be3ade087_Fast%20and%20Consistent%20Design_EN-p-500.png 500w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f0ef0880be3ade087_Fast%20and%20Consistent%20Design_EN-p-800.png 800w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f0ef0880be3ade087_Fast%20and%20Consistent%20Design_EN-p-1080.png 1080w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f0ef0880be3ade087_Fast%20and%20Consistent%20Design_EN.png 1184w" alt="" class="illustrating-image"/></div>
2<div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf87a-1146c2ee" class="horizontal-content-text en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a30a1977eb005049ccc2c_Fast%20Design.svg" loading="lazy" alt="" class="icon lg"/><div class="horizontal-text-wrapper"><h3 class="h3 en">Fast and Consistent Design</h3><p class="paragraph en">Don't waste thousands of hours starting from scratch on every project and rebuilding the same components. Etar comes packed with everything you need to design a modern user interface for applications</p></div><div class="features-grid"><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf882-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a349fbc615a4e943ccba4_Built.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">Carefully built to ensure scalability and usefulness</p></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf886-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a34383174e7a4ae278a25_Library.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">Well-organized library<br/></p></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf88b-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a14821b34fc0eeca1cdb1_Grid%20System.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">Measure spacing and sizes in 8-point increments</p></div></div></div></div><div class="horizontal-content-grid en"><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf890-1146c2ee" class="horizontal-content-image"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f136f9b6ec714f869_Global%20Styles_EN.png" loading="lazy" sizes="(max-width: 479px) 43vw, (max-width: 991px) 46vw, 47vw" srcset="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f136f9b6ec714f869_Global%20Styles_EN-p-500.png 500w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f136f9b6ec714f869_Global%20Styles_EN-p-800.png 800w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f136f9b6ec714f869_Global%20Styles_EN-p-1080.png 1080w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23f136f9b6ec714f869_Global%20Styles_EN.png 1184w" alt="" class="illustrating-image"/></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf892-1146c2ee" class="horizontal-content-text en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a3a2c2083d1d214700afb_Global%20Styles.svg" loading="lazy" alt="" class="icon lg"/><div class="horizontal-text-wrapper"><h3 class="h3 en">Global Styles<br/>
2</h3><p class="paragraph en">With over 290 universal styles, Etar can be applied to any product with few changes. New or existing product, adapt the system to your needs by customizing styles<br/></p></div><div class="features-grid"><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf89c-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a3bc0969b1b85359bf515_Contrast.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">Simple and comfortable shadow effects</p></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8a0-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a14820e53ef76fcf0b9df_Text%20Style.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">A robust and scalable font system</p></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8a4-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a148226bd37bc541820f6_Color%20Pallete.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">A practical and high-contrast color them for usability</p></div></div></div></div><div class="horizontal-content-grid en"><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8a9-1146c2ee" class="horizontal-content-image"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23e70f59428530092e7_Accuracy_EN.png" loading="lazy" sizes="(max-width: 479px) 43vw, (max-width: 991px) 46vw, 47vw" srcset="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23e70f59428530092e7_Accuracy_EN-p-500.png 500w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23e70f59428530092e7_Accuracy_EN-p-800.png 800w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23e70f59428530092e7_Accuracy_EN-p-1080.png 1080w, https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439e23e70f59428530092e7_Accuracy_EN.png 1183w" alt="" class="illustrating-image"/></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8ab-1146c2ee" class="horizontal-content-text en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a429a33c0ff4bd1594487_Layout.svg" loading="lazy" alt="" class="icon lg"/><div class="horizontal-text-wrapper"><h3 class="h3 en">Carefully developed for precision<br/></h3><p class="paragraph en">Components are designed to be used with 100% Auto Layout 4.0. Variables are standardized and economical to reduce redundancy. One component, fewer variables, many options<br/></p></div><div class="features-grid"><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8b5-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a4331c87effeb03042bae_Autolayout.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">Components designed with 100% automatic layout</p></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8b9-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a1a32338a1443a7463373_Accessbility.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">Compatibility with WCAG 2.1 accessibility<br/></p></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8be-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a43980f7d2e9e615c7a50_Size.svg" loading="lazy" alt="" class="icon sm"/><p class="paragraph dark en">Component properties to reduce volume</p></div></div></div></div><div class="horizontal-content-grid hidden"><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8c3-1146c2ee" class="horizontal-content-image"></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8c4-1146c2ee" class="horizontal-content-text"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a4cafdb2251eea2c00231_Templates.svg" loading="lazy" alt="" class="icon lg"/><div class="horizontal-text-wrapper"><h3 class="h3">Ù
ÙØªØ¨Ø© Ù
Ù Ø§ÙØ£Ù
Ø«ÙØ©<br/></h3><p class="paragraph">Ù
ع ÙØ¬Ùد Ù
ئات Ù
٠اÙÙÙØ§Ùب Ø¬Ø§ÙØ²Ø© ÙÙØ¹Ù
٠باÙÙØ¹Ù Ø ÙÙ
بتبدÙ٠اÙÙ
ÙÙÙØ§Øª ÙØ§ÙÙ
ØªØºÙØ±Ø§Øª ÙØ¥Ø¹Ø§Ø¯Ø© ØªÙØ¸ÙÙ
Ù
ÙØ§Ùع اÙÙÙØ¨ ÙØ§ÙتطبÙÙØ§Øª بسرعة Ù٠غضÙÙ Ø¯ÙØ§Ø¦Ù.<br/></p></div><div class="features-grid"><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8ce-1146c2ee" class="feature-item"><p class="paragraph dark">Ø£Ù
Ø«ÙØ© ØÙÙÙÙØ© تستخدÙ
Ù٠اÙÙ
Ø´Ø§Ø±ÙØ¹</p><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a46f0d9557e0a2b0bc4dd_Example.svg" loading="lazy" alt="" class="icon sm"/></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8d2-1146c2ee" class="feature-item"><p class="paragraph dark">ÙÙØ§Ùب ÙÙØ¨ ÙØªØ·Ø¨ÙÙØ§Øª عاÙÙØ© Ø§ÙØ¯ÙØ©</p><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a46bf6b08a239ef07a0c5_Web.svg" loading="lazy" alt="" class="icon sm"/></div><div id="w-node-_2d75937e-e59b-a888-f6e7-3b1c21cbf8d6-1146c2ee" class="feature-item"><p class="paragraph dark">Ø§ÙØ¥Ø¹Ø¯Ø§Ø¯Ø§Øª ÙØ§ÙØªÙØ§ØµÙÙ ÙÙÙØØ© اÙÙÙØ§Ø¯Ø© Ù ØµÙØØ§Øª Ø§ÙØ¯Ø®ÙÙ ÙØºÙر ذÙÙ</p><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a46bfabc8db655ba0cd8b_Dashboard.svg" loading="lazy" alt="" class="icon sm"/></div></div></div></div></div></div><div class="section dark"><div class="container"><p class="sub-title blue">Pricing</p><h2 class="h2 light">Pay once, <span class="blue-text">lifetime</span> access<span class="blue-text"></span><br/></h2><p class="sub-title light en">The best payment methods and reasonable prices</p><div class="pricing-grid en pro"><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984237-1146c2ee" class="price-container en free-hidden"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/63ad825b9738004495d16ee8_Free%20version.svg" loading="lazy" alt="" class="icon lg"/><div class="horizontal-text-wrapper"><h3 class="h3 en">Free Version</h3><p class="paragraph en">Try Etar with basic components</p></div><h2 class="h2"><sup class="superscript">$</sup>0</h2><div class="features-grid pricing"><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984243-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Single user license</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984247-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">150+ color styles</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf98424b-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">1,000+ components and variants</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf98424f-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Detailed documentation</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984253-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Free, lifetime updates</p></div></div><a href="https://www.figma.com/community/file/1407491944003718120/free-etar-design-system-pro-2-0" target="_blank" class="primary-button-wrapper full-width w-inline-block"><div class="primary-button">Try now</div></a></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf98425a-1146c2ee" class="price-container en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a598a085567b6c3fa19f8_Start-ups.svg" loading="lazy" alt="" class="icon lg"/><div class="horizontal-text-wrapper"><h3 class="h3 en">Full Version</h3><p class="paragraph en">For freelance designers and developers</p></div><h2 class="h2"><sup class="superscript">$</sup>60</h2><div class="features-grid pricing"><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984266-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Single user license</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf98426a-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">150+ color styles</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf98426e-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">2,900+ components and variants</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984272-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Detailed documentation</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984276-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Free, lifetime updates</p></div></div><a href="https://etardesign.lemonsqueezy.com/checkout/buy/ce38736c-fa06-4581-bf19-3f5cc9970724" target="_blank" class="primary-button-wrapper full-width w-inline-block"><div class="primary-button">Buy now</div></a></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf98427d-1146c2ee" class="price-container en pro-hidden"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a506615006b224e619abe_Design%20Teams.svg" loading="lazy" alt="" class="icon lg"/><div class="horizontal-text-wrapper"><h3 class="h3 en">Paid Version (Supporting RTL)</h3><p class="paragraph en">Components supporting RTL Languages</p></div><h2 class="h2"><sup class="superscript">$</sup>80</h2><div class="features-grid pricing"><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984289-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Single user license</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf98428d-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">150+ color styles</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984291-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">2,900+ components and variants</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984295-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Detailed documentation</p></div><div id="w-node-a50eced7-7fc1-c717-360e-a982cf984299-1146c2ee" class="feature-item en"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a5bda032340170907ea2f_Check.svg" loading="lazy" alt="" class="icon x-sm"/><p class="paragraph dark">Free, lifetime updates</p></div></div><a href="https://etardesign.lemonsqueezy.com/checkout/buy/ce9c0753-f800-431d-98fc-c689cfbf51ca" class="primary-button-wrapper full-width w-inline-block"><div class="primary-button">Buy now</div></a></div></div></div></div><div class="section grey"><div class="container"><h2 class="h2">FAQs<br/></h2><p class="sub-title">Don't see the answer to your question? Contact us at <span class="blue-text">[email protected]</span></p><div class="faqs-container"><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e773488621d8" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">
2Why to use a UI kit?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">UI kits are a fairly common place these days. There is a wide range of kits all offering variations of the same mobile and dashboard models. These can be good if you are only doing simple presentations and visualizations. When you need the ability to deliver high quality projects at scale, providing documentation and design systems, the options become limited. UI kits can save you hundreds of honors from frequent system and component management chores. If you spend a lot of your time recreating old components, or feel like you can shave hours off your projects, this kit is for you. The kits we used didn't cover enough components or lacked a high enough quality to include in the project work. So we wanted to build a range that was not only flexible, but offered unparalleled quality. The same quality that can be found in the largest software and applications on the market today. A framework was created to solve this problem, to provide enterprise-grade product components that were ready for development as well as everything you need to work in product design today. Our toolkit can be used on as many projects as you like and is designed to allow maximum applicability and impartiality to custom branding provision.</p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e773488621e0" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Can I use this for more than one project?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">Certainly! You can use the Etar for an unlimited number of projects or client work</p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e773488621e8" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Can I use this for professional projects?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">Definitely! This is the intended purpose. You can use this kit to create as many apps, websites, and projects as you want or need. There are no limits to the number of times you can use this kit with your clients</p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e773488621f0" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Can I use this to make and sell my own product?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">No, you can't. This is strictly prohibited and constitutes copyright infringement and theft. You are not allowed to recycle or reuse components in this collection for templates or other competing UI kits or resources</p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e773488621f8" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Will there be more content added?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">Yes, of course! Now our main priority is to get an initial copy that covers most of the ground a designer needs while working professionally. We will add more content as soon as we are able and depending on the level of engagement it may be sooner or later<br/></p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e77348862201" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Do I need to be good at using Figma?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">Our design system was created to make sure every designer can use it. There are some features specific to Figma that we take advantage of, including nested components, variables, auto-layout 4.0, and new component properties.<br/></p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e7734886220a" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Can I have this forever?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">Once you purchase one of the paid versions of Etar, you will have access to any and all updates made to that product forever<br/></p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e77348862213" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">
2Is it a one-time payment?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">Just a one-time payment! There are no recurring fees or surprises, we promise<br/></p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e7734886221c" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Are there any additional costs?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">It's a one time payment and that's it. There are no hidden fees, subscriptions, or added costs for future content<br/></p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e77348862225" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Will I get support?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">If you are having any issues with Etar, we can help if you send us a message at [email protected]<br/></p></nav></div><div data-hover="false" data-delay="0" data-w-id="8a95bcc8-c5be-7f35-a00c-e7734886222e" style="height:72px" class="accordion-item w-dropdown"><div class="accordion-toggle en w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638a75caefc52199cae2a13b_Arrow-1.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="Dropdown arrow" class="accordion-icon"/><div class="faq-question">Can the amount be refunded?</div></div><nav class="dropdown-list w-dropdown-list"><p class="paragraph en">We want to make sure everyone is satisfied with our products and feels like they got their money's worth. So if you have any technical issues with the file, within 30 days we'll give you a full refund. Email us at [email protected]<br/></p></nav></div></div></div></div><div class="section"><div class="container"><h2 class="h2">Choose from 2,900+ components and variants<br/></h2><p class="sub-title en">Enhance your design and prototyping process with unlimited possibilities</p><div class="w-dyn-list"><div role="list" class="components-grid w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/badge" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e0d2a8273c2c0e4b43aa5_Badge.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e0d2a8273c2c0e4b43aa5_Badge-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e0d2a8273c2c0e4b43aa5_Badge.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Badge</p><div class="component-desc-wrapper"><div>20</div><div>Variants</div></div></div><a style="color:#00a970;background-color:#f5fcf9" href="/component-group/data-display" class="badge">Data Display</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/navbar" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e0a72564a934a7d11e10c_Navbar.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e0a72564a934a7d11e10c_Navbar-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e0a72564a934a7d11e10c_Navbar.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Navbar</p><div class="component-desc-wrapper"><div>6</div><div>Variants</div></div></div><a style="color:#a22b90;background-color:#fcf5fb" href="/component-group/navigation" class="badge">Navigation</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/side-menu" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e09aa658d8b0f801abe9c_Side%20meny.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e09aa658d8b0f801abe9c_Side%20meny-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/642e09aa658d8b0f801abe9c_Side%20meny.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Side menu</p><div class="component-desc-wrapper"><div>16</div><div>Variants</div></div></div><a style="color:#a22b90;background-color:#fcf5fb" href="/component-group/navigation" class="badge">Navigation</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/rating" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/641a0f824c5308218a475cc0_Rating.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/641a0f824c5308218a475cc0_Rating-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/641a0f824c5308218a475cc0_Rating.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Rating</p><div class="component-desc-wrapper"><div>22</div><div>Variants</div></div></div><a style="color:#00a970;background-color:#f5fcf9" href="/component-group/data-display" class="badge">Data Display</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/contact-section" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d8c8ca69936784b85049_Contact%20section.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d8c8ca69936784b85049_Contact%20section-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d8c8ca69936784b85049_Contact%20section.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Contact section</p><div class="component-desc-wrapper"><div>16</div><div>Variants</div></div></div><a style="color:#007aff;background-color:#e6f2ff" href="/component-group/marketing" class="badge">Marketing</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/logo-clouds" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d8a7abf5d21b49fd4d1d_Logo%20clouds.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d8a7abf5d21b49fd4d1d_Logo%20clouds-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d8a7abf5d21b49fd4d1d_Logo%20clouds.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Logo clouds</p><div class="component-desc-wrapper"><div>4</div><div>Variants</div></div></div><a style="color:#007aff;background-color:#e6f2ff" href="/component-group/marketing" class="badge">Marketing</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/testimonials" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d87d0e276031902a5eab_Testimonials.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d87d0e276031902a5eab_Testimonials-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d87d0e276031902a5eab_Testimonials.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Testimonials</p><div class="component-desc-wrapper"><div>14</div><div>Variants</div></div></div><a style="color:#007aff;background-color:#e6f2ff" href="/component-group/marketing" class="badge">Marketing</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/recaps-section" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d84d61c2311b5e395af3_Recaps%20section.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d84d61c2311b5e395af3_Recaps%20section-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d84d61c2311b5e395af3_Recaps%20section.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Recaps section</p><div class="component-desc-wrapper"><div>16</div><div>Variants</div></div></div><a style="color:#007aff;background-color:#e6f2ff" href="/component-group/marketing" class="badge">Marketing</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/faqs" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d81c0517ad1c30ee9bca_FAQs.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d81c0517ad1c30ee9bca_FAQs-p-
2500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d81c0517ad1c30ee9bca_FAQs.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">FAQs</p><div class="component-desc-wrapper"><div>4</div><div>Variants</div></div></div><a style="color:#007aff;background-color:#e6f2ff" href="/component-group/marketing" class="badge">Marketing</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/features" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d7e84e0a352ab37ad546_Features.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d7e84e0a352ab37ad546_Features-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d7e84e0a352ab37ad546_Features.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Features</p><div class="component-desc-wrapper"><div>80</div><div>Variants</div></div></div><a style="color:#007aff;background-color:#e6f2ff" href="/component-group/marketing" class="badge">Marketing</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/section-header" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d7b2b4ae1483c3e576af_Section%20header.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d7b2b4ae1483c3e576af_Section%20header-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d7b2b4ae1483c3e576af_Section%20header.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Section header</p><div class="component-desc-wrapper"><div>16</div><div>Variants</div></div></div><a style="color:#007aff;background-color:#e6f2ff" href="/component-group/marketing" class="badge">Marketing</a></div></div></div><div role="listitem" class="w-dyn-item"><div class="component-item"><a href="/components/hero-header-section" class="component-thumb-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d77b797ec6855993ff82_Hero%20header%20section.png" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 47vw, (max-width: 991px) 30vw, 23vw" srcset="https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d77b797ec6855993ff82_Hero%20header%20section-p-500.png 500w, https://cdn.prod.website-files.com/638b34fd57859f9723c6ec3a/6418d77b797ec6855993ff82_Hero%20header%20section.png 700w" class="component-thumb"/></a><div class="component-info"><div class="component-text-wrapper"><p class="component-name">Hero header section</p><div class="component-desc-wrapper"><div>32</div><div>Variants</div></div></div><a style="color:#007aff;background-color:#e6f2ff" href="/component-group/marketing" class="badge">Marketing</a></div></div></div></div></div><div class="cta-wrapper"><a href="/ar/all-components" class="secondary-button w-inline-block"><div class="button-wrapper"><div>View all components</div></div></a></div></div></div><footer class="section footer"><div class="container footer-container en"><div id="w-node-_7ae48a47-4064-4483-2e8d-02b347e2fd82-47e2fd80" class="newsletter-container en"><div class="horizontal-text-wrapper"><h3 class="h3 light en">Join our newsletter</h3><p class="paragraph light en">Get the latest updates about Etar features and new product updates<br/></p></div><div class="w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" class="newsletter-form en" data-wf-page-id="643c45a56dea09af1146c2ee" data-wf-element-id="7ae48a47-4064-4483-2e8d-02b347e2fd8a"><input type="submit" data-wait="Please wait..." class="primary-button
2newsletter w-button" value="Join"/><input class="inputfield en w-input" maxlength="256" name="Email-4" data-name="Email 4" placeholder="Email address" type="email" id="Email-4" required=""/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/6439b573185ceade5a19f2bd_Brand-EN.svg" loading="lazy" id="w-node-_7ae48a47-4064-4483-2e8d-02b347e2fd93-47e2fd80" alt=""/><div id="w-node-_7ae48a47-4064-4483-2e8d-02b347e2fd94-47e2fd80" class="footer-block en"><div class="footer-title en">Company</div><a href="/en/pricing" class="footer-link en">Pricing</a><a href="/en/all-components" class="footer-link en">Components</a></div><div id="w-node-_7ae48a47-4064-4483-2e8d-02b347e2fd9d-47e2fd80" class="footer-block en"><div class="footer-title en">Products</div><a href="/en/etar-pro" aria-current="page" class="footer-link en w--current">Pro</a><a href="/en/etar-pro-rtl-support" class="footer-link en">Pro (RTL Support)</a></div><div id="w-node-_7ae48a47-4064-4483-2e8d-02b347e2fda4-47e2fd80" class="footer-block en"><div class="footer-title en">Follow us</div><div class="footer-social-container"><a href="https://www.figma.com/@Etar_design" target="_blank" class="link-block w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 512 512" fill="none" class="social-logo"><path d="M390.65 175.9C416.73 158.76 433.98 129.25 433.98 95.79C433.98 42.97 391 0 338.18 0H173.82C121 0 78.02 42.97 78.02 95.79C78.02 129.25 95.27 158.76 121.35 175.9C95.27 193.03 78.02 222.54 78.02 256C78.02 289.46 95.27 318.97 121.35 336.11C95.27 353.23 78.02 382.75 78.02 416.21C78.02 469.03 121.23 512 174.33 512C228.01 512 271.69 468.56 271.69 415.17V326.83C288.71 342.34 311.32 351.79 336.1 351.79H338.18C391 351.79 433.98 308.82 433.98 256C433.98 222.54 416.73 193.03 390.65 175.9ZM271.69 31.38H338.18C373.7 31.38 402.6 60.27 402.6 95.79C402.6 131.31 373.7 160.21 338.18 160.21H271.69V31.38ZM109.4 95.79C109.4 60.27 138.3 31.38 173.82 31.38H240.31V160.21H173.82C138.3 160.21 109.4 131.31 109.4 95.79ZM109.4 256C109.4 220.48 138.3 191.59 173.82 191.59H240.31V320.42H173.41C138.08 320.2 109.4 291.38 109.4 256ZM240.31 415.17C240.31 451.26 210.71 480.62 174.33 480.62C138.53 480.62 109.4 451.73 109.4 416.21C109.4 380.69 138.3 351.79 173.82 351.79H240.31V415.17ZM338.18 320.42H336.1C300.58 320.42 271.69 291.52 271.69 256C271.69 220.48 300.58 191.59 336.1 191.59H338.18C373.7 191.59 402.6 220.48 402.6 256C402.6 291.52 373.7 320.42 338.18 320.42Z" fill="currentColor"></path><path d="M173.82 320.41C173.68 320.41 173.55 320.41 173.41 320.42H240.31V320.41H173.82Z" fill="currentColor"></path></svg></a><a href="https://dribbble.com/etar_design" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638b7d6310a6ce3e084eb564_logo-dribbble.svg" loading="lazy" alt="Dribbble Logo" class="social-logo"/></a><a href="https://www.instagram.com/_etar_studio/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638b7d6377d1c71c7898d0b7_logo-instagram.svg" loading="lazy" alt="Instagram Logo" class="social-logo"/></a><a href="#" class="hidden w-inline-block"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638b7d6310a6ce5dab4eb565_logo-facebook.svg" loading="lazy" alt="Facebook Logo" class="social-logo"/></a><a href="https://www.youtube.com/@Etardesign" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/643b058e47b29d6febe12bbd_logo-youtube.svg" loading="lazy" alt="" class="social-logo"/></a><a href="https://twitter.com/_etarstudio" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/638b7d6310a6ce771a4eb566_logo-twitter.svg" loading="lazy" alt="Twitter Logo" class="social-logo"/></a></div></div></div></footer>
2<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=637b507c370cfa15eb784dc0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
2<script src="https://cdn.prod.website-files.com/637b507c370cfa15eb784dc0/js/webflow.2125df1ff.js" type="text/javascript"></script>
2</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.