PageSourceSearch

https://untitledui-staging.webflow.io/

html untitledui-staging.webflow.io collected 2026-10-03 13:57:53 UTC 478,826 bytes, 854 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Mon Sep 28 2026 00:10:23 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="untitledui-staging.webflow.io" data-wf-page="636496d3f0ebfda9dd784657" data-wf-site="636496d3f0ebfdaba9784655" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Untitled UI — Figma UI Kit and React Component Library</title><meta content="Untitled UI is the world&#x27;s largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast." name="description"/><meta content="Untitled UI — Figma UI Kit and React Component Library" property="og:title"/><meta content="Untitled UI is the world&#x27;s largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast." property="og:description"/><meta content="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba352ecd7a4b4314ea4cd_untitled-ui-open-graph.jpg" property="og:image"/><meta content="Untitled UI — Figma UI Kit and React Component Library" name="twitter:title"/><meta content="Untitled UI is the world&#x27;s largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast." 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://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/css/untitledui-staging.webflow.shared.1ad70dc42.min.css" rel="stylesheet" type="text/css" integrity="sha384-GtcNxCiHfFHsICGs+B2nyFQNLFYjeOxJgHB2YiFt9Jtv6jYp21YghWRNISUjO3A/" crossorigin="anonymous"/><style>@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d1d"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);transform-style:preserve-3d;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d22"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);transform-style:preserve-3d;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d27"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);transform-style:preserve-3d;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2c"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(-15deg) rotateY(0) rotateZ(null) skew(0, 0);transform-style:preserve-3d;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1ce0"] {opacity:0;-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}
1html.w-mod-js:not(.w-mod-ix) [data-w-id="39f6495d-74e7-0bf2-1b73-dfd212a8db7a"] {opacity:0;-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="f4d18797-7497-1579-b9de-935b59906359"] {opacity:0;-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d1e"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d1f"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d20"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d21"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="984a7022-af44-8d60-2d46-1a4f2cfd4a57"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d23"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d24"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
1-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d25"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="063942a7-fa94-ea9e-2310-4cac39a537e2"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d26"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d28"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d29"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2a"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2b"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="004bd337-59e7-969e-16fa-c0af1f390b73"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
1transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2d"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2e"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2f"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="782ab155-ef07-77ae-609a-32aeeec8e855"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d30"] {-webkit-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-10rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="e2309e5f-3f45-5fe6-0e74-e0c93e7e8dab"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1ce7"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="5f20ff58-9e38-a303-c087-ef847f0a0fdc"] {opacity:0;-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}</style>
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/636496d3f0ebfdaba9784655/6708848510bc3d367ad6d289_favicon-32px.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6a005d8e2384f60d1a207de1_favicon-32px.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/67088485a5dd10fa877ae7db_favicon-256px.png" rel="apple-touch-icon"/>
1<script type="application/ld+json">
2{
3  "@context": "https://schema.org",
4  "@graph": [
5    {
6      "@type": "WebSite",
7      "@id": "https://www.untitledui.com/#website",
8      "name": "Untitled UI",
9      "url": "https://www.untitledui.com",
10      "publisher": {
11        "@id": "https://www.untitledui.com/#organization"
12      }
13    },
14    {
15      "@type": "WebPage",
16      "@id": "https://www.untitledui.com/#webpage",
17      "name": "Untitled UI — Figma UI Kit and React Component Library",
18      "description": "Untitled UI is the world's largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast.",
19      "url": "https://www.untitledui.com",
20      "image": "https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba352ecd7a4b4314ea4cd_untitled-ui-open-graph.jpg",
21      "inLanguage": "en",
22      "isPartOf": {
23        "@id": "https://www.untitledui.com/#website"
24      },
25      "keywords": "Figma UI kit, Figma design system, Figma component library, React component library, React UI kit, Tailwind CSS components, React Aria components, design system for Figma, UI design system, Untitled UI, Untitled UI Figma, Untitled UI React, Untitled UI Icons, Material UI alternative, Chakra UI alternative, shadcn UI alternative, Flowbite alternative, React dashboard components, UI kit for SaaS, UI kit for product design",
26      "about": {
27        "@type": "SoftwareApplication",
28        "name": "Untitled UI",
29        "applicationCategory": "DesignApplication",
30        "operatingSystem": "Web",
31        "offers": [
32          {
33            "@type": "Offer",
34            "name": "Untitled UI Figma FREE",
35            "description": "A free Figma UI kit and design system for personal and commercial projects.",
36            "price": "0",
37            "priceCurrency": "USD",
38            "availability": "https://schema.org/InStock",
39            "url": "https://www.untitledui.com/free-figma-ui-kit"
40          },
41          {
42            "@type": "Offer",
43            "name": "Untitled UI Figma",
44            "description": "The ultimate UI kit and design system for Figma. Join 380,000+ designers.",
45            "price": "129",
46            "priceCurrency": "USD",
47            "availability": "https://schema.org/InStock",
48            "url": "https://www.untitledui.com/figma"
49          },
50          {
51            "@type": "Offer",
52            "name": "Untitled UI React FREE",
53            "description": "A free and open-source library of React UI components.",
54            "price": "0",
55            "priceCurrency": "USD",
56            "availability": "https://schema.org/InStock",
57            "url": "https://www.untitledui.com/react/components"
58          },
59          {
60            "@type": "Offer",
61            "name": "Untitled UI React",
62            "description": "The world's largest collection of React components. Tailwind CSS + React Aria.",
63            "price": "349",
64            "priceCurrency": "USD",
65            "availability": "https://schema.org/InStock",
66            "url": "https://www.untitledui.com/react"
67          },
68          {
69            "@type": "Offer",
70            "name": "Untitled UI Icons FREE",
71            "description": "A free icon library with 1,100+ high-quality line icons.",
72            "price": "0",
73            "priceCurrency": "USD",
74            "availability": "https://schema.org/InStock",
75            "url": "https://www.untitledui.com/free-icons"
76          },
77          {
78            "@type": "Offer",
79            "name": "Untitled UI Icons",
80            "description": "4,600+ clean, consistent, and neutral icons crafted specifically for UI design.",
81            "price": "59",
82            "priceCurrency": "USD",
83            "availability": "https://schema.org/InStock",
84            "url": "https://www.untitledui.com/icons"
85          }
86        ],
87        "aggregateRating": {
88          "@type": "AggregateRating",
89          "ratingValue": "5",
90          "bestRating": "5",
91          "worstRating": "1",
92          "ratingCount": "3650"
93        },
94        "review": [
95          {
96            "@type": "Review",
97            "author": {
98              "@type": "Person",
99              "name": "Sam Pierce Lolla"
100            },
101            "reviewRating": {
102              "@type": "Rating",
103              "ratingValue": "5",
104              "bestRating": "5"
105            },
106            "reviewBody": "Untitled is the best $129 I've spent on my business in a long time. I'm going to keep using it and recommending it to every designer I know."
107          },
108          {
109            "@type": "Review",
110            "author": {
111              "@type": "Person",
112              "name": "Luca Vavassori"
113            },
114            "reviewRating": {
115              "@type": "Rating",
116              "ratingValue": "5",
117              "bestRating": "5"
118            },
119            "reviewBody": "Over the years we've featured hundreds of UI kits on UXCrush, but Untitled UI is by far the most comprehensive and detailed I've seen yet. A must have for any designer!"
120          },
121          {
122            "@type": "Review",
123            "author": {
124              "@type": "Person",
125              "name": "Murat Alpay"
126            },
127            "reviewRating": {
128              "@type": "Rating",
129              "ratingValue": "5",
130              "bestRating": "5"
131            },
132            "reviewBody": "I've used all UI kits on the market. I can say without a doubt that the Untitled UI kit is the best on the market. It covers everything a designer needs in a modern and efficie
132nt way."
133          }
134        ],
135        "featureList": [
136          "900+ Global styles + variables",
137          "10,000+ Components and variants",
138          "420+ Page design examples",
139          "2,000+ Icons and logos",
140          "Dark mode support",
141          "Figma variables",
142          "React components with Tailwind CSS",
143          "TypeScript support",
144          "React Aria accessibility"
145        ]
146      },
147      "publisher": {
148        "@id": "https://www.untitledui.com/#organization"
149      }
150    }
151  ]
152}
153</script>
153<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-QPD5NX5D2B'],'google_tags_first_party');</script>
153<script async="" src="/avljl2rk9q5pNjM2NDk2ZDNmMGViZmRhYmE5Nzg0NjU1/TYP6_5A41TqDnv-HjKG6iqgc6IQ"></script>
153<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-QPD5NX5D2B');</script>
153<!--
154   _               _             
155  (_) ___  _ __ __| | __ _ _ __  
156  | |/ _ \| '__/ _` |/ _` | '_ \ 
157  | | (_) | | | (_| | (_| | | | |
158 _/ |\___/|_|  \__,_|\__,_|_| |_|
159|__/
160
161A project by jordanhughes.co
162
163-->
164
165<!-- Early connections + font preloads -->
166<link rel="preconnect" href="https://cdn.prod.website-files.com" crossorigin>
167<link rel="preconnect" href="https://cdn.affonso.io">
168<link rel="preload" as="font" type="font/woff2" crossorigin href="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b5d41c9befdffddaacff75_Inter-Regular.woff2">
169<link rel="preload" as="font" type="font/woff2" crossorigin href="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b5d41cbfb92da06a132ba1_Inter-SemiBold.woff2">
170
171<!-- No scroll when mobile menu open -->
172
173<style>
174.no-scroll {
175  overflow: hidden;
176}
177</style>
178
179<!-- Highlight color -->
180
181<style>
182 ::selection {color: white; background: #6941C6;}
183</style>
184
185<!-- Footer / mobile-nav link arrow hover (replaces per-link arrow image + interaction) -->
186<style>
187.footer_list-item::after,
188.accordion_link::after {
189  transform: translateX(-4px);
190}
191.footer_list-item:hover::after,
192.accordion_link:hover::after {
193  opacity: 1;
194  transform: translateX(0);
195}
196</style>
197
198<script type="application/ld+json">
199{
200  "@context": "https://schema.org",
201  "@type": "Organization",
202  "@id": "https://www.untitledui.com/#organization",
203  "name": "Untitled UI",
204  "url": "https://www.untitledui.com",
205  "logo": {
206    "@type": "ImageObject",
207    "url": "https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69351c4093385c8df7698c04_untitled-ui-schema.webp"
208  },
209  "sameAs": [
210    "https://x.com/untitledui",
211    "https://www.instagram.com/untitledui/",
212    "https://www.linkedin.com/company/untitledui",
213    "https://www.facebook.com/untitledui",
214    "https://github.com/untitleduico",
215    "https://www.youtube.com/@jordan_hughes",
216    "https://dribbble.com/jordanhughes",
217    "https://www.figma.com/@designer"
218  ]
219}
220</script>
220
221
222<!-- Affonso tracking -->
223<script
224  async
225  defer
226  src="https://cdn.affonso.io/js/pixel.min.js"
227  data-affonso="cmfhv9vpa000pv89n1k2tfxrr"
228  data-cookie_duration="7"
229></script>
229
230
231<!-- Append ?reference_id=... to 301 links -->
232<script>
233  function enhanceBuyLinks() {
234    if (!window.affonso_referral) return;
235
236    // Only touch buy paths
237    var buyPaths = new Set(['/buy/figma', '/buy/untitled-ui', '/buy/react', '/buy/icons']);
238
239    document.querySelectorAll('a[href]').forEach(function (link) {
240      var raw = link.getAttribute('href');
241      if (!raw) return;
242
243      try {
244        var u = new URL(raw, window.location.origin);
245        var path = u.pathname.replace(/\/+$/,''); // normalize trailing slash
246        if (!buyPaths.has(path)) return;
247
248        if (!u.searchParams.has('reference_id')) {
249          u.searchParams.set('reference_id', window.affonso_referral);
250          // keep relative vs absolute
251          if (/^https?:\/\//i.test(raw)) link.setAttribute('href', u.toString());
252          else link.setAttribute('href', u.pathname + u.search + u.hash);
253        }
254      } catch(_) {}
255    });
256  }
257
258  setTimeout(enhanceBuyLinks, 800);
259  setTimeout(enhanceBuyLinks, 1500);
260  setTimeout(enhanceBuyLinks, 2500);
261  window.addEventListener('affonso_referral_ready', enhanceBuyLinks);
262</script>
262
263
264<!-- PPP banner styling -->
265<style>
266.parity-banner {
267  position: fixed !important;
268  bottom: 0;
269  left: 0;
270  right: 0;
271  z-index: 999;
272  padding-top: 16px !important;
273  padding-bottom: 16px !important;
274  padding-left: 32px !important;
275  padding-right: 32px !important;
276  background-color: rgba(255, 255, 255, 0.8) !important;
277  border-top: 1px solid rgba(0, 0, 0, 0.08);
278  backdrop-filter: saturate(150%) blur(24px);
279  box-shadow: none !important;
280}
281@media screen and (max-width: 767px) {
282  .parity-banner {
283    backdrop-filter: saturate(150%) blur(16px);
284  }
285}
286.parity-banner .hide-mobile-landscape span {
287  position: relative !important;
288  top: -1px !important;
289}
290.parity-banner-close-btn {
291  display: flex !important;
292  align-items: center !important;
293  justify-content: center !important;
294  position: absolute !important;
295  top: 0.125rem !important;
296  right: 0.5rem !important;
297  width: 3rem !important;
298  height: 3rem !important;
299  padding: 0 !important;
300  opacity: 0.3 !important;
301  background: transparent !important;
302  border: 0 !important;
303  -webkit-appearance: none !important;
304  appearance: none !important;
305}
306.parity-banner-close-btn svg {
307  display: none !important;
308}
309.parity-banner-close-btn::before {
310  content: "";
311  display: block;
312  width: 20px;
313  height: 20px;
314  background-color: currentColor;
315  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%23000' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
316  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%23000' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
317}
318</style><link rel="canonical" href="https://www.untitledui.com/">
319
320<!-- Mobile hero: skip the page-load fade on the text block
321     On phones the hero text (badge, heading, paragraph, avatars, buttons) is hidden by the
322     Webflow page-load interaction until webflow.js has downloaded and run, which is what
323     drives the 7s Speed Index in Lighthouse. This forces those five elements visible on
324     mobile/landscape (<=767px) so the text paints immediately; the mockup grid still animates.
325     Desktop/tablet are unchanged. To restore the mobile animation, delete this block. -->
326<style>
327@media screen and (max-width: 767px) {
328  .section_heroheader .heroheader_content-wrapper .margin-bottom.margin-xsmall,
329  .section_heroheader .heroheader_heading,
330  .section_heroheader .heroheader_content-wrapper .text-size-large,
331  .section_heroheader .heroheader_content-wrapper .margin-top.margin-small,
332  .section_heroheader .heroheader_content-wrapper .button-row {
333    opacity: 1 !important;
334    transform: none !important;
335  }
336}
337</style></head><body><div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar_component w-nav"><div class="navbar_wrapper"><div class="page-padding-navbar-home"><div class="navbar_main-wrapper"><div class="navbar_menu-wrapper"><a href="/" aria-current="page" class="navbar_logo-link w-nav-brand w--current"><div class="logo_component"><div class="logo_logomark"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670469c6a815c532f3e893d9_logomark-bg.svg" loading="eager" height="32" alt="Untitled UI logomark" width="32" class="logo_logomark-bg"/><div class="logo_logomark-blur"></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/67085e706eec80d4d64e4385_untitled-ui-palantir.svg" loading="lazy" alt="" class="logo_logomark-palantir"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/67046955e4e624b208ecf622_logotype.svg" loading="eager" width="107" height="32" alt="Untitled UI logotype" class="logo_logotype is-navbar"/></div></a><div data-hover="true" data-delay="200" class="navbar-dropdown_component w-dropdown"><div class="navbar-dropdown_toggle w-dropdown-toggle"><div>Products</div>
337<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abab2fcb234b6c93836023_chevron-down.svg" loading="lazy" width="12" height="12" alt="Chevron icon" class="navbar-dropdown_icon"/></div><nav class="nav-dropdown_menu-products w-dropdown-list"><div class="nav-dropdown_content-products-wrapper"><div class="nav-dropdown_list-items"><a href="/figma" id="w-node-_0fa18565-b1d7-4e97-b044-9b83628e5c28-628e5c1d" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Figma</div></div><div class="text-size-small text-balance">The ultimate UI kit and design system for Figma. Join 380,000+ designers.</div></div></a><a href="/react" id="w-node-_0fa18565-b1d7-4e97-b044-9b83628e5c3b-628e5c1d" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="React icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c46c27c24c625537c55_react-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI React</div><div class="text-style-callout">NEW!</div></div><div class="text-size-small text-balance">The world’s largest collection of React  components. Tailwind CSS + React Aria.<br/></div></div></a><a href="/icons" id="w-node-_8cb18af8-3138-2073-9f3c-3c1740207159-628e5c1d" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Icons</div></div><div class="text-size-small text-balance">4,600+ clean, consistent, and neutral icons crafted specifically for UI design.<br/></div></div></a></div><a href="/changelog" class="nav-dropdown-feature_component w-inline-block"><div class="nav-dropdown-feature_content"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69acb6926ea670163f12f548_untitled-ui-v8-0-nav.webp" loading="lazy" width="640" height="Auto" alt="Changelog preview" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69acb6926ea670163f12f548_untitled-ui-v8-0-nav-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69acb6926ea670163f12f548_untitled-ui-v8-0-nav.webp 640w" sizes="100vw" class="nav-dropdown-feature_image"/><div class="nav-dropdown_feature-header"><div class="nav-dropdown_changelog-status-wrapper"><div class="nav-dropdown_changelog-status-inner"></div></div><div class="text-size-small text-weight-semibold text-color-gray900">What&#x27;s new in Untitled UI v8.0</div></div><ul role="list" class="nav-dropdown-feature_list w-list-unstyled"><li class="nav-dropdown-feature_list-item-wrapper"><div class="nav-dropdown-feature_list-item"><div class="nav-dropdown-feature_list-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
338<path fill-rule="evenodd" clip-rule="evenodd" d="M15.633 3.79739L7.87415 11.2853L5.81524 9.08553C5.43597 8.72793 4.83997 8.70626 4.40652 9.00968C3.9839 9.32393 3.8647 9.87659 4.12477 10.3209L6.56295 14.287C6.80135 14.6554 7.21313 14.883 7.6791 14.883C8.12339 14.883 8.54601 14.6554 8.78441 14.287C9.17451 13.7777 16.6191 4.9027 16.6191 4.9027C17.5944 3.90575 16.4132 3.02801 15.633 3.78655V3.79739Z" fill="#7F56D9"/>
339</svg></div><div class="text-size-small">100s new + improved components</div></div></li><li class="nav-dropdown-feature_list-item-wrapper"><div class="nav-dropdown-feature_list-item"><div class="nav-dropdown-feature_list-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
340<path fill-rule="evenodd" clip-rule="evenodd" d="M15.633 3.79739L7.87415 11.2853L5.81524 9.08553C5.43597 8.72793 4.83997 8.70626 4.40652 9.00968C3.9839 9.32393 3.8647 9.87659 4.12477 10.3209L6.56295 14.287C6.80135 14.6554 7.21313 14.883 7.6791 14.883C8.12339 14.883 8.54601 14.6554 8.78441 14.287C9.17451 13.7777 16.6191 4.9027 16.6191 4.9027C17.5944 3.90575 16.4132 3.02801 15.633 3.78655V3.79739Z" fill="#7F56D9"/>
341</svg></div><div class="text-size-small">Tailwind CSS v4.2 color palette</div></div></li></ul></div></a></div></nav></div><a href="/pricing" class="navbar-dropdown_link w-nav-link">Pricing</a><div data-hover="true" data-delay="200" class="navbar-dropdown_component hide-tablet show-1280px show-nav-components-home w-dropdown"><div class="navbar-dropdown_toggle w-dropdown-toggle"><div>Components</div>
341<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abab2fcb234b6c93836023_chevron-down.svg" loading="lazy" width="12" height="12" alt="Chevron icon" class="navbar-dropdown_icon"/></div><nav class="nav-dropdown_menu-components w-dropdown-list"><div class="nav-dropdown_list-items is-one-column"><a href="/components" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Figma components</div></div><div class="text-size-small text-balance">Explore our growing library of Figma UI components and page examples.<br/></div></div></a><a href="/react/components" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="React icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c46c27c24c625537c55_react-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">React components</div><div class="text-style-callout">NEW!</div></div><div class="text-size-small text-balance">Everything you need to design and develop modern UI and websites.<br/></div></div></a></div></nav></div><div data-hover="true" data-delay="200" class="navbar-dropdown_component w-dropdown"><div class="navbar-dropdown_toggle w-dropdown-toggle"><div>Blog</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abab2fcb234b6c93836023_chevron-down.svg" loading="lazy" width="12" height="12" alt="Chevron icon" class="navbar-dropdown_icon"/></div><nav class="navbar-dropdown_menu-blog w-dropdown-list"><div class="navbar-dropdown_list-scroll"><div id="w-node-_0fa18565-b1d7-4e97-b044-9b83628e5c78-628e5c1d" class="w-dyn-list"><div role="list" class="nav-dropdown_list-blog w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/blog/tailwind-plus-alternatives" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-f7a6c0d7-27fc-6d32-c4ee-9d423645f99a-628e5c1d" class="nav-dropdown_image-wrapper"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6aaa319f9a50844e72fe58dc_tailwind-plus-alternatives-nav.webp" loading="lazy" alt="Tailwind Plus alternatives in 2026 after the Shopify acquisition" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Tailwind Plus Alternatives</div></div><div class="text-size-small text-style-2lines">Tailwind Plus (formerly Tailwind UI) closed to new customers after Shopify acquired Tailwind Labs. Here are the best Tailwind CSS component libraries to use instead.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/vibe-coding-libraries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-f7a6c0d7-27fc-6d32-c4ee-9d423645f99a-628e5c1d" class="nav-dropdown_image-wrapper"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a432b1eba810b35431f61c0_best-vibe-coding-libraries-nav.webp" loading="lazy" alt="Website screenshots of some popular UI component libraries" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">22 Best UI Libraries for Vibe Coding in 2026</div></div><div class="text-size-small text-style-2lines">Looking for the best UI component libraries for vibe coding in 2026? We compared the top React UI libraries, design systems, and AI-ready component libraries to find which work best with Cursor, Claude Code, v0, Bolt, Lovable, and other AI coding tools.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/react-component-libraries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-f7a6c0d7-27fc-6d32-c4ee-9d423645f99a-628e5c1d" class="nav-dropdown_image-wrapper"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/68da31e38aca948a7b57aebf_best-react-component-libraries-nav.webp" loading="lazy" alt="Website screenshots of some popular React UI component libraries" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">
34115 Best Modern React UI Component Libraries</div></div><div class="text-size-small text-style-2lines">Looking for the best modern React UI component libraries in 2026, including solid alternatives to MUI and Shadcn UI? We&#x27;ve done the research and compiled the absolute best libraries here for you in one place!</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ui-design-books" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-f7a6c0d7-27fc-6d32-c4ee-9d423645f99a-628e5c1d" class="nav-dropdown_image-wrapper"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9b6c93218219c72c142734_6a9b6ace6c14efc30f24482a_ui-design-books-nav.webp" loading="lazy" alt="A grid of mockups of some UI design books" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">24 Best Books for UI Design (2026)</div></div><div class="text-size-small text-style-2lines">Looking to level up your UI design skills in 2026? There&#x27;s never been a better time to learn — here&#x27;s our list of the best books to improve your UI design skills.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/figma-ui-kits" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-f7a6c0d7-27fc-6d32-c4ee-9d423645f99a-628e5c1d" class="nav-dropdown_image-wrapper"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a93c6128194375628f38619_best-figma-ui-kits-nav.webp" loading="lazy" alt="Website screenshots of some popular Figma UI kits" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">30 Best Figma UI Kits and Design Systems</div></div><div class="text-size-small text-style-2lines">Thirty kits, opened and pulled apart in Figma. Component counts, variables support, licensing and pricing — with a comparison table up top so you can find yours in about ten seconds.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/best-free-fonts" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-f7a6c0d7-27fc-6d32-c4ee-9d423645f99a-628e5c1d" class="nav-dropdown_image-wrapper"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9682fb77b35e9ae77f1ef4_best-fonts-for-ui-design-nav.webp" loading="lazy" alt="A series of typeface specimen images" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">31 Best Free Fonts for Modern UI Design</div></div><div class="text-size-small text-style-2lines">Looking for the perfect font for modern UI design? Here are our picks for the top 31 free typefaces that are perfect for UI, plus our typography rules and best practices.</div></div></a></div></div></div><div class="navbar-dropdown_footer"><a href="/changelog" class="button-secondary is-button-xsmall w-inline-block"><div>Changelog</div></a><a href="/blog" class="button is-button-xsmall w-inline-block"><div>View all blog posts</div></a></div></div></nav></div><div data-hover="true" data-delay="200" class="navbar-dropdown_component w-dropdown"><nav class="nav-dropdown_menu-resources w-dropdown-list"><div class="nav-dropdown_list-items"><a href="/free-figma-ui-kit" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Figma <span class="text-size-medium text-color-gray500">FREE</span></div></div><div class="text-size-small text-balance">Kickstart any project with our FREE UI kit and design system for Figma.<br/></div></div></a><a href="/free-icons" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/63649
3416d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Icons <span class="text-size-medium text-color-gray500">FREE</span></div></div><div class="text-size-small text-balance">1,100+ free SVG icons. Click to copy SVGs or download the Figma library!<br/></div></div></a><a href="/avatars" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Avatars</div></div><div class="text-size-small text-balance">Download 370+ free placeholder avatars to use in your design projects.<br/></div></div></a><a href="/logos" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Logos</div></div><div class="text-size-small text-balance">Download 180+ free company logos to use in your design projects.<br/></div></div></a><a href="https://www.relume.io/folder?p=untitled-ui" target="_blank" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Webflow icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c461590dae54f169201_webflow-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Relume Webflow Library</div></div><div class="text-size-small text-balance">280+ high-quality components and layouts built with Finsweet Client-first.</div></div></a><a href="https://webflow.com/libraries/detail/untitled-ui-library" target="_blank" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Webflow icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c461590dae54f169201_webflow-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Free Webflow Library</div></div><div class="text-size-small text-balance">280+ useful and beginner-friendly Webflow components and layouts.</div></div></a></div></nav></div><a href="/faqs" class="navbar-dropdown_link w-nav-link">FAQs</a><a href="/react/docs/introduction" class="navbar-dropdown_link hide-tablet show-1280px show-nav-docs-home w-nav-link">Docs</a></div><div class="display-none w-embed"><style>
342.show-nav-components-home {
343  display: none;
344}
345
346@media (min-width: 1504px) {
347  .show-nav-components-home {
348    display: block;
349  }
350}
351
352.show-nav-docs-home {
353  display: none;
354}
355
356@media (min-width: 1616px) {
357  .show-nav-docs-home {
358    display: block;
359  }
360}
361
362
363</style></div><div class="navbar_actions"><div class="button-wrapper hide-tablet"><a href="/login" class="button-secondary is-button-xsmall w-inline-block"><div>Sign in</div></a></div><div class="button-wrapper"><a href="/preview/figma" target="_blank" class="button-secondary is-button-xsmall overflow-hidden w-inline-block"><div class="button-content-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="eager" width="16" height="20" alt="Figma icon" class="button-icon is-figma-icon"/><div>Preview in Figma</div>
363<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba7aefd7ec1d523ad07ab_arrow-up-right.svg" loading="lazy" width="16" height="16" alt="Arrow icon" class="button-icon is-button-arrow"/></div></a></div><div data-hover="true" data-delay="200" class="buy-dropdown_component w-dropdown"><div class="buy-dropdown_toggle w-dropdown-toggle"><div class="button-wrapper"><a href="/pricing" class="button is-button-xsmall w-inline-block"><div>Buy now</div></a></div></div><nav class="buy-dropdown_menu w-dropdown-list"><div class="buy-dropdown_content-wrapper"><div class="buy-dropdown_list-items"><a href="/buy/figma" id="w-node-_94251224-1fea-17ac-716c-57d64216f952-7854dd86" target="_blank" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Figma</div></div><div class="text-size-small text-balance">The ultimate UI kit and design system for Figma. Join 380,000+ designers.</div></div></a><a href="/buy/react" id="w-node-_94251224-1fea-17ac-716c-57d64216f95c-7854dd86" target="_blank" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="React icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c46c27c24c625537c55_react-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI React</div><div class="text-style-callout">NEW!</div></div><div class="text-size-small text-balance">The world’s largest collection of React  components. Tailwind CSS + React Aria.<br/></div></div></a><a href="/buy/icons" id="w-node-_94251224-1fea-17ac-716c-57d64216f969-7854dd86" class="nav-dropdown_item w-inline-block"><div class="icon-nav_component"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Icons</div></div><div class="text-size-small text-balance">4,600+ clean, consistent, and neutral icons crafted specifically for UI design.<br/></div></div></a></div></div></nav></div></div><div class="nav-menu_component"><div class="nav-menu_lines-wrapper"><div class="nav-menu_line top"></div><div class="nav-menu_line mdl"></div><div class="nav-menu_line btm"></div></div></div></div></div><div class="navbar_background is-scroll-into-view"></div></div><div class="navbar-mobile_component"><div class="page-padding"><div class="container-large"><div class="margin-bottom margin-xxhuge"><div class="w-layout-grid nav-menu-accordion_component"><a href="/" aria-current="page" class="nav-menu-accordion_accordion w-inline-block w--current"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Home</div></div></a><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="icon-nav_component is-nav-tablet"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Figma</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu">
363<a href="/figma" class="accordion_link w-inline-block"><div>Untitled UI Figma</div></a><a href="/free-figma-ui-kit" class="accordion_link w-inline-block"><div>Untitled UI Figma <span class="text-color-gray500">FREE</span></div></a><a href="/components" class="accordion_link w-inline-block"><div>Figma components</div></a><a href="/preview/figma" target="_blank" class="accordion_link w-inline-block"><div>Preview PRO VARIABLES in Figma</div></a><a href="/preview/figma/styles" target="_blank" class="accordion_link w-inline-block"><div>Preview PRO STYLES in Figma</div></a><a href="/preview/figma/lite" target="_blank" class="accordion_link w-inline-block"><div>Preview PRO LITE in Figma</div></a><div class="accordion_button-wrapper"><div class="button-row"><div class="button-wrapper"><a href="/preview/figma" target="_blank" class="button-secondary is-button-xsmall overflow-hidden w-inline-block"><div class="button-content-wrapper"><img width="16" height="20" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" class="button-icon is-figma-icon"/><div>Preview in Figma</div><img width="16" height="16" alt="Arrow icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab5f36dc1323f910f2168_13301ca2ab890fab2eeeed5e714c9934_arrow-up-right.svg" loading="lazy" class="button-icon is-button-arrow"/></div></a></div><div class="button-wrapper"><a href="/buy/figma" target="_blank" class="button is-button-xsmall w-inline-block"><div>Buy now</div></a></div></div></div></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="icon-nav_component is-nav-tablet"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c46c27c24c625537c55_react-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI React</div><div class="text-style-callout">NEW!</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="/react" class="accordion_link w-inline-block"><div>Untitled UI React</div></a><a href="/react/components" class="accordion_link w-inline-block"><div>Untitled UI React <span class="text-color-gray500">FREE</span></div></a><a href="/react/components" class="accordion_link w-inline-block"><div>React components</div></a><a href="/react/docs/introduction" class="accordion_link w-inline-block"><div>Documentation</div></a><a href="https://github.com/untitleduico" target="_blank" class="accordion_link w-inline-block"><div>GitHub</div></a><div class="accordion_button-wrapper"><div class="button-row"><div class="button-wrapper"><a href="/react/docs/introduction" class="button-secondary is-button-xsmall w-inline-block"><img width="20" height="20" alt="Documentation icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/682145ff23c440bb824d79e7_be2a1c152b6de9cea4a4a4381ec65a56_book-open-01.svg" loading="lazy" class="button-icon"/><div>Documentation</div></a></div><div class="button-wrapper"><a href="/buy/react" target="_blank" class="button is-button-xsmall w-inline-block"><div>Buy now</div></a></div></div></div></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="icon-nav_component is-nav-tablet"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Icons</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu">
363<a href="/icons" class="accordion_link w-inline-block"><div>Untitled UI Icons</div></a><a href="/free-icons" class="accordion_link w-inline-block"><div>Untitled UI Icons <span class="text-color-gray500">FREE</span></div></a><a href="/preview/icons" target="_blank" class="accordion_link w-inline-block"><div>Preview in Figma</div></a><a href="/download/icons" target="_blank" class="accordion_link w-inline-block"><div>Download free Figma library</div></a><div class="accordion_button-wrapper"><div class="button-row"><div class="button-wrapper hide-mobile-portrait"><a href="/free-icons" class="button-secondary is-button-xsmall w-inline-block"><img width="20" height="20" alt="Download icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681b0403327233cca1dab392_9a5947c7a052c510299a14038c2597da_download-icon.svg" loading="lazy" class="button-icon"/><div>Free icons</div></a></div><div class="button-wrapper"><a href="/preview/icons" target="_blank" class="button-secondary is-button-xsmall overflow-hidden w-inline-block"><div class="button-content-wrapper"><img width="16" height="20" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" class="button-icon is-figma-icon"/><div>Preview in Figma</div><img width="16" height="16" alt="Arrow icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab5f36dc1323f910f2168_13301ca2ab890fab2eeeed5e714c9934_arrow-up-right.svg" loading="lazy" class="button-icon is-button-arrow"/></div></a></div><div class="button-wrapper"><a href="/buy/icons" target="_blank" class="button is-button-xsmall w-inline-block"><div>Buy now</div></a></div></div></div></div></div></div><a href="/pricing" class="nav-menu-accordion_accordion w-inline-block"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Pricing</div></div></a><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Components</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="/components" class="accordion_link w-inline-block"><div>Figma components</div></a><a href="/react/components" class="accordion_link w-inline-block"><div>React components</div><div class="text-style-callout">NEW!</div></a></div></div></div><a href="/faqs" class="nav-menu-accordion_accordion w-inline-block"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">FAQs</div></div></a><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Blog</div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><div class="w-dyn-list"><div role="list" class="nav-dropdown_list-blog w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/blog/untitled-ui-vs-shadcn" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6aab654ac31f84be5c036336_untitled-ui-vs-shadcn-ui-nav.webp" loading="lazy" alt="Untitled UI React and shadcn/ui component libraries compared" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Untitled UI vs. shadcn/ui</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Comparing Untitled UI React and shadcn/ui in 2026? Both hand you the code. We break down components, templates, features, Figma parity, AI tooling and pricing.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/tailwind-plus-alternatives" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6aaa319f9a50844e72fe58dc_tailwind-plus-alternatives-nav.webp" loading="lazy" alt="Tailwind Plus alternatives in 2026 after the Shopify acquisition" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Tailwind Plus Alternatives</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">
363Tailwind Plus (formerly Tailwind UI) closed to new customers after Shopify acquired Tailwind Labs. Here are the best Tailwind CSS component libraries to use instead.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/vibe-coding-libraries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a432b1eba810b35431f61c0_best-vibe-coding-libraries-nav.webp" loading="lazy" alt="Website screenshots of some popular UI component libraries" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">22 Best UI Libraries for Vibe Coding in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Looking for the best UI component libraries for vibe coding in 2026? We compared the top React UI libraries, design systems, and AI-ready component libraries to find which work best with Cursor, Claude Code, v0, Bolt, Lovable, and other AI coding tools.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/react-dashboards" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6aaa30a582302065fb2d4c52_best-react-dashboards-nav.webp" loading="lazy" alt="Website screenshots of some popular React UI dashboard templates" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">19 Best React Dashboards in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Nineteen React dashboards and admin templates compared on stack, component depth, licensing and price — free and premium options side by side.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/react-component-libraries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/68da31e38aca948a7b57aebf_best-react-component-libraries-nav.webp" loading="lazy" alt="Website screenshots of some popular React UI component libraries" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">15 Best Modern React UI Component Libraries</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Looking for the best modern React UI component libraries in 2026, including solid alternatives to MUI and Shadcn UI? We&#x27;ve done the research and compiled the absolute best libraries here for you in one place!</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/create-tables-in-figma" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/670c5639fb2237fb4f3ef459_create-tables-in-figma-nav.webp" loading="lazy" alt="Table components in Figma" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">How to Create Data Tables in Figma</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Create responsive data tables in Figma with our ultimate guide and free Figma file. Learn Auto Layout best practices, how to create visual hierarchy, and how to create flexible and responsive tables the right way.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/figma-color-palettes" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/670c613a78df10316fa123ee_figma-color-palettes-nav.webp" loading="lazy" alt="A color palette used in Figma components" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Ultimate Guide to Color Palettes in Figma</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Create the perfect color palettes in Figma with our ultimate guide and free Figma library. Learn about color theory, accessibility best practices, and the best tools for creating color palettes online and in Figma.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ux-design-books" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9b6eff61d87e0be11a6ce0_6a9b6aceb8275f17670ecf6b_ux-design-books-nav.webp" loading="lazy" alt="Floating mockups of some UX de
363sign books" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Top 19 Books to Learn UX Design in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Our top 19 books to learn modern UX design, from usability classics to research, discovery and AI-era UX, with who each one is for and what you&#x27;ll take away.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ui-design-books" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9b6c93218219c72c142734_6a9b6ace6c14efc30f24482a_ui-design-books-nav.webp" loading="lazy" alt="A grid of mockups of some UI design books" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">24 Best Books for UI Design (2026)</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Looking to level up your UI design skills in 2026? There&#x27;s never been a better time to learn — here&#x27;s our list of the best books to improve your UI design skills.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/icon-sets" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9679c66c281c429e3056e5_best-icon-sets-nav.webp" loading="lazy" alt="A selection of icons from Untitled UI Icons" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">13 Best PAID Icon Sets for UI Design in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">There are hundreds of great icon sets on the market today. We&#x27;ve searched through them all to bring you the absolute best icon sets for modern UI design!</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ui-design-skills" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/670c75d24458519e4d74b084_how-to-improve-your-ui-design-skills-nav.webp" loading="lazy" alt="A breakdown of a modal UI component design" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">How to Improve Your UI Design Skills</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Practical ways to develop an eye for UI design: what to study, what to copy, what to stop doing, and the habits that separate good designers from great ones.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/what-is-a-design-system" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9a5c2e4e69da0eba035880_what-is-a-design-system-nav.webp" loading="lazy" alt="Mockups of various popular design systems" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">What is a Design System? (2026 guide)</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Design systems get talked about constantly and defined badly. Here&#x27;s what one actually contains, how it differs from a UI kit or style guide, and real examples from teams shipping at scale.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/best-free-figma-courses" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9ce774c97bd680f8463762_6a9ce5146304f91c8bcc8c33_best-free-figma-courses-nav.webp" loading="lazy" alt="A colorful grid design from Figma" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">12 Best FREE Figma Courses (2026)</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Twelve free Figma courses that teach the tool as it works today, from your first file through auto layout, components and design systems, in the order we&#x27;d take them.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/best-figma-courses" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9ce83ae8cb5f32ec1ed269_6a9ce514e9df2d9d52a7b797_best-figma-courses-nav.webp" loading="lazy" alt="A colorful grid design from Figma" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">14 Best Figma Courses (2026 edition)</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">The 14 best Figma courses in 2026 ranked by what you&#x27;ll actually be able to do afterwards, from your first file through to design systems and prototyping.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/product-designer-salaries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9e5156bf75b0bee4d2952b_6a9e4efd48aca47bbd9295f3_product-designer-salaries-nav.webp" loading="lazy" alt="Two Product Designers working at a desk" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Product &amp; UI Designer Salaries</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Real 2026 salary data for product designers and UI designers, by experience level, city, country and company, including level-by-level total compensation at Google, Meta, Apple and other big tech companies.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ux-designer-salaries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9e5049fec4d4054b952020_6a9e4f03efa8187e5d1540c2_ux-designer-salaries-nav.webp" loading="lazy" alt="A UX Designer in an office" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">How Much Do UX Designers Make?</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">
363What UX designers earn in 2026, by experience level, city, country and company, with accurate compensation data from Glassdoor, Indeed, Levels.fyi and the BLS.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/what-is-a-ui-kit" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9a4259dbcdc6aa1ab9e1c5_what-is-a-ui-kit-nav.webp" loading="lazy" alt="A selection of UI design components from Figma" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">What is a UI Kit? Examples and Why You Should Use One</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">What a UI kit actually includes, when it saves you weeks and when it slows you down, and how to tell a well-built one from a pretty screenshot.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/figma-ui-kits" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a93c6128194375628f38619_best-figma-ui-kits-nav.webp" loading="lazy" alt="Website screenshots of some popular Figma UI kits" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">30 Best Figma UI Kits and Design Systems</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Thirty kits, opened and pulled apart in Figma. Component counts, variables support, licensing and pricing — with a comparison table up top so you can find yours in about ten seconds.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/best-free-fonts" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9682fb77b35e9ae77f1ef4_best-fonts-for-ui-design-nav.webp" loading="lazy" alt="A series of typeface specimen images" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">31 Best Free Fonts for Modern UI Design</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Looking for the perfect font for modern UI design? Here are our picks for the top 31 free typefaces that are perfect for UI, plus our typography rules and best practices.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/free-icon-sets" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a96716a949c97d8e15c570c_best-free-icon-sets-nav.webp" loading="lazy" alt="A selection of icons from Untitled UI Icons" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">25 Best FREE Icon Sets for UI Design in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">A good quality icon set for interface design is invaluable. We&#x27;ve searched through hundreds and have curated the 25 best free icon sets for UI design in one place!</div></div></a></div></div></div><div class="accordion_button-wrapper"><div class="button-row"><div class="button-wrapper"><a href="/blog" class="button is-button-xsmall w-inline-block"><div>View all blog posts</div></a></div></div></div></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Resources</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu">
363<a href="/free-figma-ui-kit" class="accordion_link w-inline-block"><div>Untitled UI Figma <span class="text-color-gray500">FREE</span></div></a><a href="/free-icons" class="accordion_link w-inline-block"><div>Untitled UI Icons <span class="text-color-gray500">FREE</span></div></a><a href="/avatars" class="accordion_link w-inline-block"><div>Untitled UI Avatars</div><div class="text-style-callout">NEW!</div></a><a href="/logos" class="accordion_link w-inline-block"><div>Untitled UI Logos</div><div class="text-style-callout">NEW!</div></a><a href="https://www.relume.io/folder?p=untitled-ui" target="_blank" class="accordion_link w-inline-block"><div>Relume Webflow Library</div></a><a href="https://webflow.com/libraries/detail/untitled-ui-library" target="_blank" class="accordion_link w-inline-block"><div>Free Webflow Library</div></a></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">More</div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="/" aria-current="page" class="accordion_link w-inline-block w--current"><div>Home</div></a><a href="/pricing" class="accordion_link w-inline-block"><div>Pricing</div></a><a href="/blog" class="accordion_link w-inline-block"><div>Blog</div></a><a href="/faqs" class="accordion_link w-inline-block"><div>FAQs</div></a><a href="/react/docs/introduction" class="accordion_link w-inline-block"><div>Documentation</div></a><a href="/login" class="accordion_link w-inline-block"><div>Sign in</div></a><a href="mailto:[email protected]?subject=%E2%9C%8C%EF%B8%8F%20Education%20discount%20(ID%20attached)" class="accordion_link w-inline-block"><div>Students</div><div class="margin-left margin-tiny"><div class="badge is-badge-small"><div>50% off</div></div></div></a><a href="/affiliates" class="accordion_link w-inline-block"><div>Affiliates</div><div class="margin-left margin-tiny"><div class="badge is-badge-small"><div>Earn 30%</div></div></div></a><a href="https://dribbble.com/jordanhughes" target="_blank" class="accordion_link w-inline-block"><div>Examples</div></a><a href="/changelog" class="accordion_link w-inline-block"><div>Changelog</div></a><a href="/wall-of-love" class="accordion_link w-inline-block"><div>Wall of love</div><div class="text-style-callout">NEW!</div></a><a href="/license" class="accordion_link w-inline-block"><div>License</div></a><a href="/eula" class="accordion_link w-inline-block"><div>EULA</div></a><a href="/dpa" class="accordion_link w-inline-block"><div>DPA</div></a><a href="/subprocessors" class="accordion_link w-inline-block"><div>Security</div></a><a href="/subprocessors" class="accordion_link w-inline-block"><div>Subprocessors</div></a><a href="/privacy" class="accordion_link w-inline-block"><div>Privacy</div></a><a href="/terms" class="accordion_link w-inline-block"><div>Terms</div></a><a href="/cookies" class="accordion_link w-inline-block"><div>Cookies</div></a><a href="/reports/scams" class="accordion_link is-last w-inline-block"><div>Avoid scams</div></a></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Social</div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="https://dribbble.com/jordanhughes" target="_blank" class="accordion_link w-inline-block"><div>Dribbble</div></a><a href="https://x.com/untitledui" target="_blank" class="accordion_link w-inline-block"><div>X (Twitter)</div></a><a href="https://github.com/untitleduico" class="accordion_link 
363w-inline-block"><div>GitHub</div></a><a href="https://layers.to/god" target="_blank" class="accordion_link w-inline-block"><div>Layers</div></a><a href="https://www.instagram.com/untitledui/" target="_blank" class="accordion_link w-inline-block"><div>Instagram</div></a><a href="https://www.youtube.com/@jordan_hughes" class="accordion_link w-inline-block"><div>YouTube</div></a><a href="https://www.figma.com/@designer" target="_blank" class="accordion_link is-last w-inline-block"><div>Figma Community</div></a></div></div></div></div></div></div></div></div></div><div class="global-styles w-embed"><style>
364
365/* Snippet improves best practices score for object-fit:cover images*/
366img {
367    overflow:clip !important
368}
369
370/* Snippet gets rid of top margin on first element in any rich text*/
371.w-richtext>:first-child {
372	margin-top: 0;
373}
374
375/* Snippet gets rid of bottom margin on last element in any rich text*/
376.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
377    margin-bottom: 0;
378}
379
380/* Snippet makes all link elements listed below to inherit color from their parent */
381a, 
382.w-tab-link,
383.w-nav-link,
384.w-dropdown-btn,
385.w-dropdown-toggle,
386.w-dropdown-link
387{
388color: inherit;
389}
390
391/* Snippet prevents all click and hover interaction with an element */
392.clickable-off {
393  pointer-events: none;
394}
395
396/* Snippet enables all click and hover interaction with an element */
397.clickable-on{
398  pointer-events: auto;
399}
400
401/* Snippet prevents all click and hover interaction on tooltips */
402.tooltip_icon-message {
403  pointer-events: none;
404}
405
406/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
407.div-square::after {
408  content: "";
409  display: block;
410  padding-bottom: 100%;
411}
412
413/*Hide focus outline for main content element*/
414    main:focus-visible {
415    outline: -webkit-focus-ring-color auto 0px;
416}
417
418/* Make sure containers never lose their center alignment*/
419.container-small, .container-medium, .container-large {
420  margin-right: auto !important;
421  margin-left: auto !important;
422}
423
424/*Reset selects, buttons, and links styles*/
425.w-input, .w-select, a {
426color: inherit;
427text-decoration: inherit;
428font-size: inherit;
429}
430
431/*Apply "..." after 3 lines of text */
432.text-style-3lines {
433    display: -webkit-box;
434    overflow: hidden;
435    -webkit-line-clamp: 3;
436    -webkit-box-orient: vertical;
437}
438
439/* Apply "..." after 2 lines of text */
440.text-style-2lines {
441    display: -webkit-box;
442    overflow: hidden;
443    -webkit-line-clamp: 2;
444    -webkit-box-orient: vertical;
445}
446
447/* Apply "..." after 1 line of text */
448.text-style-1line {
449    display: -webkit-box;
450    overflow: hidden;
451    -webkit-line-clamp: 1;
452    -webkit-box-orient: vertical;
453}
454
455/* Balance line wraps evenly */
456.text-balance {
457    text-wrap: balance;
458}
459@media screen and (min-width: 992px) {
460  .text-balance-desktop {
461    text-wrap: balance;
462  }
463}
464
465.text-style-monospace {
466    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
467}
468
469.text-style-code, code {
470    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
471    padding: 2px 6px;
472    border-radius: 6px;
473    font-size: 0.875rem;
474    line-height: 1.25rem;
475    white-space: nowrap;
476    font-weight: 600;
477}
478
479/* Apply "..." at 100% width */
480.truncate-width { 
481		width: 100%; 
482    white-space: nowrap; 
483    overflow: hidden; 
484    text-overflow: ellipsis; 
485}
486
487/* Removes native scrollbar */
488.no-scrollbar {
489  -ms-overflow-style: none;        /* IE 10+ */
490  scrollbar-width: none;           /* Firefox — the modern property */
491  overscroll-behavior-x: none;     /* stops the rubber-band white space */
492}
493.no-scrollbar::-webkit-scrollbar {
494  display: none;                   /* Safari and Chrome */
495}
496
497/* Overflow clip horizontal scroll */
498.page-wrapper {
499    overflow: clip;
500}
501
502body:hover .cursor_component {opacity:1.0;}
503.cursor_component {pointer-events: none;}
504
505.hero-header_cursor-pointer {
506  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.12));
507  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.12));
508  pointer-events: none;
509}
510.user-pointer-01_pointer {
511  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.12));
512  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.12));
513  pointer-events: none;
514} 
515.user-pointer-02_pointer {
516  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.12));
517  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.12));
518  pointer-events: none;
519} 
520
521.shadow-medium-drop {
522	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.08)) 
523  drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.04));
524	-webkit-filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.08)) 
525  drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.04));
526  pointer-events: none;
527}
528.shadow-large-drop {
529	filter: drop-shadow(0px 12px 12px rgba(0, 0, 0, 0.08)) 
530  drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.03)) 
531  drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.04));
532	-webkit-filter: drop-shadow(0px 12px 12px rgba(0, 0, 0, 0.08)) 
533  drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.03)) 
534  drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.04));
535  pointer-events: none;
536}
537.shadow-xlarge-drop {
538	filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.08)) 
539  drop-shadow(0px 8px 6px rgba(0, 0, 0, 0.03)) 
540  drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.04));
541	-webkit-filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.08)) 
542  drop-shadow(0px 8px 6px rgba(0, 0, 0, 0.03)) 
543  drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.04));
544  pointer-events: none;
545}
546.shadow-xxlarge-drop {
547	filter: drop-shadow(0px 24px 36px rgba(0, 0, 0, 0.16)) 
548  drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.04));
549	-webkit-filter: drop-shadow(0px 24px 36px rgba(0, 0, 0, 0.16)) 
550  drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.04));
551  pointer-events: none;
552}
553
554.show-more_wrapper-overlay {
555    position: absolute;
556    top: auto;
557    left: 0;
558    right: 0;
559    bottom: 0;
560    background-color: rgba(255, 255, 255, 1); /* Fallback color */
561    z-index: 10;
562    
563    /* Linear fade-in effect from the bottom */
564    mask-image: linear-gradient(to top, black 30%, transparent 100%);
565    -webkit-mask-image: linear-gradient(to top, black 30%, transparent 100%); /* Safari support */
566}
567
568.typed-cursor {
569    color: #6941C6;
570    font-weight: semibold;
571}
572
573a:focus-visible, 
574button:focus-visible { 
575  outline: 2px solid rgb(158 119 237) /* brand-500 */; 
576  outline-offset: 2px; 
577}
578
579.text-rich-text a b,
580.text-rich-text a strong {
581  color: #171717;
582}
583
584  /* Normal state: underline color for links inside h5 within .text-rich-text */
585  .text-rich-text h5 a {
586    text-decoration-color: #E9D7FE !important;
587  }
588  
589  /* Hover/focus state: change underline color */
590  .text-rich-text h5 a:hover,
591  .text-rich-text h5 a:focus {
592    text-decoration-color: #B692F6 !important;
593  }
594
595/* Hide scrollbar */
596.pricing_component,
597.icons-features_lists {
598  scrollbar-width: none; /* Firefox */
599  -ms-overflow-style: none; /* IE and Edge */
600}
601
602.pricing_component::-webkit-scrollbar,
603.icons-features_lists::-webkit-scrollbar {
604  display: none; /* Chrome, Safari */
605}
606
607.text-rich-text .w-embed::before,
608.text-rich-text .w-embed::after { display: none;
609}
610
611</style></div><div class="page-wrapper"><main class="main-wrapper"><header class="section_heroheader"><header data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1cdd" class="heroheader_content-wrapper"><div class="heroheader_content"><div data-w-id="5f20ff58-9e38-a303-c087-ef847f0a0fdc" class="margin-bottom margin-xsmall"><div class="button-row"><a href="/preview/figma" class="badge is-badge-hover w-inline-block"><div class="badge_status-wrapper"><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0.25" class="badge_status-inner"></div></div><div>Explore Untitled UI v8.0</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abac2e8ca936a8b09907ac_arrow-right-16px.svg" loading="lazy" width="16" height="16" alt="Arrow icon" class="badge-icon"/></a></div></div><div class="margin-bottom margin-xsmall"><h1 data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1ce0" class="heroheader_heading text-balance">The ultimate Figma UI kit and React component library</h1></div><div class="heroheader_text-wrapper"><div data-w-id="39f6495d-74e7-0bf2-1b73-dfd212a8db7a" class="text-size-large">Untitled UI is the world&#x27;s largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast.<br/></div></div><div data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1ce7" class="margin-top margin-small"><div class="button-row"><a href="#testimonials" class="avatar-group_component w-inline-block"><div class="avatar-group_avatar"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Dan Anisse</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a78cfa36134c10b2a52_relume-logo-tooltip.svg" loading="lazy" width="62" height="20" alt="Relume logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1fa516e5d9cf5fd22f15a_dan-anisse.webp" width="120" height="120" loading="lazy" alt="Dan Anisse" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Ric Buzzotta</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a78cfa3618ff60b2a51_spotify-logo-tooltip.svg" loading="lazy" width="58" height="20" alt="Spotify logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1f800734ebd797bc0fd49_riccardo-buzzotta.webp" width="120" height="120" loading="lazy" alt="Ricardo Buzzotta" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Jenny Chu</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/654fd898746087a008ab6c6b_eucalyptus-logo-tooltip.svg" loading="lazy" width="64" height="20" alt="Eucalyptus logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1fa51a745f5bfcb5a9d7b_jenny-chu.webp" width="120" height="120" loading="lazy" alt="Jenny Chu" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Matt Walker</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a78cfa36132cc0b2a50_mailchimp-logo-tooltip.svg" loading="lazy" width="73" height="20" alt="Mailchimp logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1fa515ddf7f5661685b37_matt-walker.webp" width="120" height="120" loading="lazy" alt="Matt Walker" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar hide-mobile-portrait"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Tom Bekkers</div>
611<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a78cfa36111470b2a53_flowbase-logo-tooltip.svg" loading="lazy" width="71" height="20" alt="Flowbase logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1fa51903548a0b33e1a50_tom-bekkers.webp" width="120" height="120" loading="lazy" alt="Tom Bekkers" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar is-last"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Corey Moen</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/654fd7944d1a59b887fe3907_webflow-logo.svg" loading="lazy" width="69" height="20" alt="Webflow logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1f816ae6621cb2b274ba0_corey-moen.webp" width="80" height="80" loading="lazy" alt="Corey Moen" class="avatar-group_avatar-image"/></div><div class="avatar-group_reviews"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6704724e67caee8110e33e9d_045a81e7b8569a7512788c27ed0a519d_5-stars.svg" loading="lazy" width="147" height="20" alt="Untitled UI 5-star reviews" class="avatar-group_stars"/><div class="avatar-group_text-wrapper"><div class="avatar-group-text-inner"><div class="avatar-group_text">From 3,650+ reviews</div><div class="avatar-group_text">Join 380,000+ designers</div><div class="avatar-group_text">950k+ community downloads</div><div class="avatar-group_text">#1 Gumroad Design &amp; Tech</div><div class="avatar-group_text">#1 PH Product of the Week</div><div class="avatar-group_text">#1 Lemon Squeezy UI kit</div><div class="avatar-group_text">From 3,650+ reviews</div></div></div></div></a></div></div><div class="margin-top margin-medium"><div data-w-id="f4d18797-7497-1579-b9de-935b59906359" class="button-row is-reverse-mobile-portrait"><div class="button-wrapper max-width-full-mobile-portrait"><a href="/react" class="button-secondary w-inline-block"><img width="22" height="20" alt="React icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6825448afa8e01879de76e95_react.svg" loading="eager" class="button-icon is-react-icon"/><div>Untitled UI React</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/figma" class="button-secondary w-inline-block"><img width="16" height="20" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="eager" class="button-icon is-figma-icon"/><div>Untitled UI Figma</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/pricing" class="button w-inline-block"><div>Buy now</div></a></div></div></div><div class="margin-top margin-medium hide-mobile-landscape"><div data-w-id="e2309e5f-3f45-5fe6-0e74-e0c93e7e8dab" class="button-row"><div class="button-wrapper max-width-full-mobile-landscape"><a href="#start" data-w-id="0eb00036-8f3b-be84-e202-55fc1081956a" class="button-link-gray w-inline-block"><div class="button-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
612<path d="M10 4V16M10 16L16 10M10 16L4 10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
613</svg></div><div class="text-size-small text-color-gray500">Scroll down</div></a></div></div></div></div></header><section class="heroheader_transformed-section"><section class="heroheader_transformed-wrapper"><div class="heroheader_grid"><div data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d1d" class="heroheader_grid-col-01"><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008b7e47ac344479039_grid-16.webp" width="800" height="750" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d1e" loading="eager" fetchpriority="high" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008b7e47ac344479039_grid-16-p-500.webp 500w, https://cdn.prod.website-files.com/63649
6136d3f0ebfdaba9784655/69abf008b7e47ac344479039_grid-16.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6707589ad04cfd38a1f4b4d3_grid-17.webp" width="800" height="533" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d1f" loading="eager" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6707589ad04cfd38a1f4b4d3_grid-17-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6707589ad04cfd38a1f4b4d3_grid-17.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0089fc4e64f41c2f7db_grid-18.webp" width="800" height="822" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d20" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0089fc4e64f41c2f7db_grid-18-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0089fc4e64f41c2f7db_grid-18.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008c1bed6eee751dca4_grid-19.webp" width="800" height="679" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d21" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008c1bed6eee751dca4_grid-19-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008c1bed6eee751dca4_grid-19.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008174e21ee275d178a_grid-20.webp" width="800" height="533" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="984a7022-af44-8d60-2d46-1a4f2cfd4a57" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008174e21ee275d178a_grid-20-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008174e21ee275d178a_grid-20.webp 800w"/></div><div data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d22" class="heroheader_grid-col-02"><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c3954ec50f271dac3_0ae914cac370bf8844f363cbed31a046_grid-06.webp" width="800" height="735" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d23" loading="eager" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c3954ec50f271dac3_0ae914cac370bf8844f363cbed31a046_grid-06-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c3954ec50f271dac3_0ae914cac370bf8844f363cbed31a046_grid-06.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083baad94ea063f37b_grid-07.webp" width="800" height="693" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d24" loading="eager" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083baad94ea063f37b_grid-07-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083baad94ea063f37b_grid-07.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b39ea28bbefbe7bbe_grid-08.webp" width="800" height="717" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d25" loading="eager" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b39ea28bbefbe7bbe_grid-08-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b39ea28bbefbe7bbe_grid-08.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6707589a7d3a4c9c31583c65_grid-09.webp" width="800" height="533" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="063942a7-fa94-ea9e-2310-4cac39a537e2" loading="lazy" srcset="https://cdn.prod.website-files.com/63649
6136d3f0ebfdaba9784655/6707589a7d3a4c9c31583c65_grid-09-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6707589a7d3a4c9c31583c65_grid-09.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c8f239b33cf421e73_grid-10.webp" width="800" height="639" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d26" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c8f239b33cf421e73_grid-10-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c8f239b33cf421e73_grid-10.webp 800w"/></div><div data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d27" class="heroheader_grid-col-03"><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008afa8832a9cff8cc5_grid-11.webp" width="800" height="700" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d28" loading="eager" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008afa8832a9cff8cc5_grid-11-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008afa8832a9cff8cc5_grid-11.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c2d43212be9d4c5eb_grid-12.webp" width="800" height="623" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d29" loading="eager" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c2d43212be9d4c5eb_grid-12-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c2d43212be9d4c5eb_grid-12.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b3986fdb451a6a38d_grid-13.webp" width="800" height="773" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2a" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b3986fdb451a6a38d_grid-13-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b3986fdb451a6a38d_grid-13.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c97e9f0dba971f8eb_grid-14.webp" width="800" height="688" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2b" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c97e9f0dba971f8eb_grid-14-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c97e9f0dba971f8eb_grid-14.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00802b829fd04bbc16c_grid-15.webp" width="800" height="533" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="004bd337-59e7-969e-16fa-c0af1f390b73" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00802b829fd04bbc16c_grid-15-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00802b829fd04bbc16c_grid-15.webp 800w"/></div><div data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2c" class="heroheader_grid-col-04"><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c841c7ada997b034c_grid-01.webp" width="800" height="683" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2d" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c841c7ada997b034c_grid-01-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c841c7ada997b034c_grid-01.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00cb866c188525a2631_f8822e08fd7b7e453b728ad5968a7abe_grid-02.webp" width="800" height="533" alt="Figma UI mockup" sizes="(max-width: 800px) 100v
613w, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2e" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00cb866c188525a2631_f8822e08fd7b7e453b728ad5968a7abe_grid-02-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00cb866c188525a2631_f8822e08fd7b7e453b728ad5968a7abe_grid-02.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008278770785e4e6acd_cc53d454763a5808559e514df68b19d7_grid-03.webp" width="800" height="750" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d2f" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008278770785e4e6acd_cc53d454763a5808559e514df68b19d7_grid-03-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008278770785e4e6acd_cc53d454763a5808559e514df68b19d7_grid-03.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c4664335373ec899a_grid-04.webp" width="800" height="533" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="782ab155-ef07-77ae-609a-32aeeec8e855" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c4664335373ec899a_grid-04-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c4664335373ec899a_grid-04.webp 800w"/><img class="heroheader_grid-image" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008025cc843777be814_grid-05.webp" width="800" height="818" alt="Figma UI mockup" sizes="(max-width: 800px) 100vw, 800px" data-w-id="6f6e5179-724e-34e3-0139-9e59ce3e1d30" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008025cc843777be814_grid-05-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008025cc843777be814_grid-05.webp 800w"/></div></div></section></section><div class="heroheader_transformed-cursor"><div class="cursor_component"><div class="cursor_wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a77cfa36178250b2a10_user-olivia-rhye.svg" loading="eager" width="114" height="53" alt="Figma user" class="hero-header_cursor-pointer"/></div></div></div><div class="heroheader_background"></div></header><section id="start" class="section_scrolling-text"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xsmall"><div class="scrolling-text_wrapper"><h2 class="heading-large">The perfect starting point for any</h2><div class="scrolling-text_vertical-outer-wrapper"><div class="scrolling-text_vertical-inner-wrapper"><div class="heading-large text-color-gray900 _01">design team.</div><div class="heading-large text-color-gray900 _02">agency.</div><div class="heading-large text-color-gray900 _03">company.</div><div class="heading-large text-color-gray900 _04">design system.</div><div class="heading-large text-color-gray900 _05">startup.</div><div class="heading-large text-color-gray900 _06">designer.</div><div class="heading-large text-color-gray900 _07">project.</div></div></div></div></div><div class="scrolling-text_text-wrapper"><div class="text-size-xlarge">The world&#x27;s most advanced Figma UI kit and React UI library. Meticulously crafted with everything you need to design and develop modern UI.</div></div><div class="margin-top margin-xlarge"><div class="w-layout-grid scrolling-text_list"><div class="scrolling-text_item"><div class="margin-bottom margin-xsmall"><div class="heading-large text-color-primary700">900+</div></div><div class="margin-bottom margin-xxsmall"><h3 class="text-size-xlarge">Global styles + variables</h3></div><div>Super smart global color, typography and effects styles + variables!</div></div><div class="scrolling-text_item"><div class="margin-bottom margin-xsmall"><div class="heading-large text-color-primary700">10,000+</div></div><div class="margin-bottom margin-xxsmall"><h3 class="text-size-xlarge">Components and variants</h3></div><div>We’ve thought of everything you need so you don’t have to.</div></div><div class="scrolling-text_item"><div class="margin-bottom margin-xsmall"><div class="heading-large text-color-primary700">420+</div></div><div class="margin-bottom margin-xxsmall"><h3 class="text-size-xlarge">Page design examples</h3></div><div>A whopping 420+ ready-to-go desktop and mobile page examples.</div></div><div class="scrolling-text_item"><div class="margin-bottom margin-xsmall"><div class="heading-large text-color-primary700">2,000+</div></div><div class="margin-bottom margin-xxsmall"><h3 class="text-size-xlarge">Icons and logos</h3></div><div>All the icons you’ll need, including country flags and payments.</div></div></div></div></div></div></div></section><section class="section_products"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-large align-center"><div class="margin-bottom margin-xxsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">Untitled UI</div></div><div class="margin-bottom margin-xsmall"><h2 class="heading-medium text-balance">Design fast. Build consistently.</h2></div><div class="text-size-xlarge">Everything you need for modern UI and web design. Skip months of design and development with pixel-perfect, production-ready components and icons.</div></div></div></div><div class="w-layout-grid products_component"><a id="w-node-_282eda49-427f-f702-84e4-3d3ed95012af-dd784657" href="/figma" class="products_card w-inline-block"><div class="products_card-image-wrapper">
613<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae61ea33d4cf748c17b5_untitled-ui-figma-pro.webp" loading="lazy" width="640" height="Auto" alt="Untitled UI Figma" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae61ea33d4cf748c17b5_untitled-ui-figma-pro-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae61ea33d4cf748c17b5_untitled-ui-figma-pro-p-800.webp 800w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae61ea33d4cf748c17b5_untitled-ui-figma-pro-p-1080.webp 1080w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae61ea33d4cf748c17b5_untitled-ui-figma-pro.webp 1280w" sizes="(max-width: 479px) 100vw, (max-width: 1439px) 49vw, 640px" class="products_card-image"/></div><div class="products_card-footer"><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">Untitled UI Figma</h3></div><div class="margin-bottom margin-small"><div class="text-size-medium">The world&#x27;s largest and most popular Figma UI kit and design system. Join 380,000+ designers and level up your design workflow.</div></div><div class="button-row"><div class="button-wrapper"><div class="button-link-gray"><img width="16" height="20" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" class="button-icon is-figma-icon"/><div>Untitled UI Figma</div><img width="20" height="20" alt="Chevron right icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68216360201a0eea0f60026a_80fd6e075b3fe3b0fd278edf42947441_chevron-right.svg" loading="lazy" class="button-icon-right"/></div></div></div></div></a><a id="w-node-_1366635e-4930-d6e3-9382-2b5cac34bdcb-dd784657" href="/react" class="products_card w-inline-block"><div class="products_card-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae614a80dcd5aa1aa0a3_untitled-ui-react-pro.webp" loading="lazy" width="640" height="Auto" alt="Untitled UI React" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae614a80dcd5aa1aa0a3_untitled-ui-react-pro-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae614a80dcd5aa1aa0a3_untitled-ui-react-pro-p-800.webp 800w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae614a80dcd5aa1aa0a3_untitled-ui-react-pro-p-1080.webp 1080w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae614a80dcd5aa1aa0a3_untitled-ui-react-pro.webp 1280w" sizes="(max-width: 479px) 100vw, (max-width: 1439px) 49vw, 640px" class="products_card-image"/></div><div class="products_card-footer"><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">Untitled UI React</h3></div><div class="margin-bottom margin-small"><div class="text-size-medium">The world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.</div></div><div class="button-row"><div class="button-wrapper"><div class="button-link-gray"><img width="22" height="20" alt="React icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6825448afa8e01879de76e95_react.svg" loading="lazy" class="button-icon is-react-icon"/><div>Untitled UI React</div><img width="20" height="20" alt="Chevron right icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68216360201a0eea0f60026a_80fd6e075b3fe3b0fd278edf42947441_chevron-right.svg" loading="lazy" class="button-icon-right"/></div></div></div></div></a><a id="w-node-e618be0a-14a7-e992-b72c-a2b4707fcadd-dd784657" href="/icons" class="products_card hide-tablet show-mobile-landscape w-inline-block"><div class="products_card-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae6167284d846ef6ce5f_untitled-ui-icons-pro.webp" loading="lazy" width="640" height="Auto" alt="Untitled UI Icons" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae6167284d846ef6ce5f_untitled-ui-icons-pro-p-500.webp 500w, https://cdn.prod.website-files.com/63649
6136d3f0ebfdaba9784655/69abae6167284d846ef6ce5f_untitled-ui-icons-pro-p-800.webp 800w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae6167284d846ef6ce5f_untitled-ui-icons-pro-p-1080.webp 1080w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abae6167284d846ef6ce5f_untitled-ui-icons-pro.webp 1280w" sizes="(max-width: 479px) 100vw, (max-width: 1439px) 49vw, 640px" class="products_card-image"/></div><div class="products_card-footer"><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">Untitled UI Icons</h3></div><div class="margin-bottom margin-small"><div class="text-size-medium">A clean, consistent, and neutral icon library crafted specifically for modern UI design. Made for Figma, in Figma.</div></div><div class="button-row"><div class="button-wrapper"><div class="button-link-gray"><img width="16" height="20" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" class="button-icon is-figma-icon"/><div>Untitled UI Icons</div><img width="20" height="20" alt="Chevron right icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68216360201a0eea0f60026a_80fd6e075b3fe3b0fd278edf42947441_chevron-right.svg" loading="lazy" class="button-icon-right"/></div></div></div></div></a></div><div class="margin-top margin-xxlarge"><div><div class="margin-bottom margin-small"><div class="text-align-center"><div>Join 380,000+ designers<span class="hide-mobile-portrait"> from the world&#x27;s top companies</span></div></div></div><div class="logos_component"><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba9642fb1ea460ec47181_mailchimp-logo.svg" loading="lazy" width="175" height="48" alt="Mailchimp logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964a6bf20ffc499e59a_google-logo.svg" loading="lazy" width="122" height="48" alt="Google logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba9649039897acb632f79_codecademy-logo.svg" loading="lazy" width="167" height="48" alt="Codecademy logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964397c3c29fee02971_webflow-logo.svg" loading="lazy" width="165" height="48" alt="Webflow logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364b22a8ae88d2ba40b34b7_4cfad7658351077d6c7010cfb06fa5bd_spotify-logo.svg" loading="lazy" width="148" height="48" alt="Spotify logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964e7c4f02573a11cd3_beehiiv-logo.svg" loading="lazy" width="160" height="48" alt="Beehiv logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper hide-mobile-portrait w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba9644bd4feec56b78f84_accenture-logo.svg" loading="lazy" width="137" height="48" alt="Accenture logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964b9d1a5952a9342aa_okta-logo.svg" loading="lazy" width="110" height="48" alt="Okta logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964f0f31535d2c635c8_electric-logo.svg" loading="lazy" width="140" height="48" alt="Electric logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964fa24aaa5147d3d42_huawei-logo.svg" loading="lazy" width="168" height="48" alt="Huawei logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper hide-mobile-portrait w-inline-block">
613<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba9648f239b33cf3df846_classpass-logo.svg" loading="lazy" height="48" width="182" alt="Classpass logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper hide-mobile-portrait w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964e9e4d6f21e57ca25_nike-logo.svg" loading="lazy" height="48" width="80" alt="Nike logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper hide-mobile-landscape w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364b22a037f1395ab3450cb_ab4f644545610a3a7b5d2c4677838ad2_doordash-logo.svg" loading="lazy" height="48" width="214" alt="Doordash logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper hide-tablet w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964a6aeef2e9b1dc521_himalayas-logo.svg" loading="lazy" height="48" width="220" alt="Himalayas logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper hide-mobile-portrait w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964b710ede835c04363_docusign-logo.svg" loading="lazy" height="48" width="135" alt="DocuSign logo" class="logo_logo"/></a><a href="#testimonials" class="logo_wrapper hide-tablet w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69aba964dd325c1afb064c11_eucalyptus-logo.svg" loading="lazy" height="48" width="146" alt="Eucalyptus logo" class="logo_logo"/></a></div></div></div><div class="margin-top margin-xlarge"><div class="button-row button-row-center is-reverse-mobile-portrait"><div class="button-wrapper max-width-full-mobile-portrait"><a href="/react/docs/introduction" class="button-secondary w-inline-block"><img width="20" height="20" alt="Documentation icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/682145ff23c440bb824d79e7_be2a1c152b6de9cea4a4a4381ec65a56_book-open-01.svg" loading="lazy" class="button-icon"/><div>Documentation</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/preview/figma" target="_blank" class="button-secondary w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" width="16" height="20" alt="Figma icon" class="button-icon is-figma-icon"/><div>Preview in Figma</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/pricing" class="button w-inline-block"><div>Buy now</div></a></div></div></div></div></div></div></section><section class="section_figma-mockup is-section-contrast"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-medium-medium-large align-center"><div class="margin-bottom margin-medium"><div class="button-row button-row-center"><div class="icon-tech_component"><div class="icon-tech_inner"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681c7ee6004c7fd1a65309df_f41f5f6bdc4792aae76a44daf949cb27_figma-icon-featured.svg" loading="lazy" width="22" height="32" alt="Figma icon" class="icon-tech_icon"/></div></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">Untitled UI Figma</div></div><div class="margin-bottom margin-xsmall"><h2 class="heading-medium text-balance">The ultimate Figma UI kit and design system</h2></div><div class="text-size-xlarge">Untitled UI Figma is the world&#x27;s largest Figma UI kit and design system. Kickstart any project, save thousands of hours, and level up your design workflow.<br/></div></div></div></div><div data-w-id="07127bb3-2597-8ab2-d326-04c91a1006a6"><div class="figma-mockup_component"><div class="figma-mockup_wrapper"><div class="user-pointer-01_component hide-mobile-landscape"><img width="114" height="53" alt="Figma user" src="https://cdn.prod.website-files.com/63649
6136d3f0ebfdaba9784655/63649a77cfa36178250b2a10_user-olivia-rhye.svg" loading="lazy" class="user-pointer-01_pointer"/></div><div class="user-pointer-02_component hide-mobile-landscape"><img width="137" height="53" alt="Figma user" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364b72e0bb3721e07554622_user-phoenix-baker.svg" loading="lazy" class="user-pointer-02_pointer"/></div><img width="240" height="298" alt="Figma properties panel" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6829337339ea6ea59854eb68_figma-button-properties.webp" loading="lazy" data-w-id="08ad35dd-e260-1190-ca65-6d866bc902a0" class="figma-mockup_properties shadow-xxlarge-drop"/><img class="figma-mockup_figma-component is-figma-modal shadow-xxlarge-drop" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68293374b42d35f376d44652_e003b39f98c0fddc842c7be35c80ee4f_figma-video-player.webp" width="336" height="390" alt="Figma modal component" sizes="(max-width: 479px) 100vw, 336px" data-w-id="08ad35dd-e260-1190-ca65-6d866bc902a1" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68293374b42d35f376d44652_e003b39f98c0fddc842c7be35c80ee4f_figma-video-player-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68293374b42d35f376d44652_e003b39f98c0fddc842c7be35c80ee4f_figma-video-player.webp 800w"/><img class="figma-mockup_assets shadow-xxlarge-drop" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68293374661a89f886c6438c_figma-assets.webp" width="278" height="1412" alt="Figma assets panel" sizes="(max-width: 479px) 100vw, 278px" data-w-id="08ad35dd-e260-1190-ca65-6d866bc902a2" loading="lazy" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68293374661a89f886c6438c_figma-assets-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68293374661a89f886c6438c_figma-assets.webp 556w"/><img width="1512" height="1080" alt="Figma mockup" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68293374d64340a80e6caec3_0180700a5def9591e5396e295db3b572_figma-mockup-frame-figma.webp" loading="lazy" class="figma-mockup_frame"/><div class="figma-mockup_frame-wrapper"><img class="figma-mockup_frame-inner" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames.webp" width="1636" height="750" alt="Figma mockup" sizes="(max-width: 1919px) 100vw, 1636px" loading="lazy" fetchpriority="high" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames-p-800.webp 800w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames-p-1080.webp 1080w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames-p-1600.webp 1600w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames-p-2000.webp 2000w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames-p-2600.webp 2600w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames-p-3200.webp 3200w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf6fd04959af66361d8de_figma-frames.webp 3272w"/></div></div></div></div><div class="margin-top margin-xlarge"><div class="button-row button-row-center is-reverse-mobile-portrait"><div class="button-wrapper max-width-full-mobile-portrait"><a href="/preview/figma" target="_blank" class="button-secondary w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" width="16" height="20" alt="Figma icon" class="button-icon is-figma-icon"/><div>Preview in Figma</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/figma" class="button w-inline-block"><div>Untitled UI Figma</div><div class="button-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
614<path d="M9 18L15 12L9 6" stroke="white" stroke-opacity="0.4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
615</svg></div></a></div></div></div></div></div></div></section><section class="section_features-grid"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xlarge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-medium-medium-large align-center"><div class="margin-bottom margin-medium"><div class="button-row button-row-center"><div class="icon-tech_component"><div class="icon-tech_inner"><img width="36" height="32" alt="React icon" src="https://cdn.prod.website-files.com/63649
6156d3f0ebfdaba9784655/681c7ee51dc75022cc97a838_357a236386dc07ee2fd764fe2f7cb7ca_react-icon-featured.svg" loading="eager" class="icon-tech_icon"/></div></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">Untitled UI React</div></div><div class="margin-bottom margin-xsmall"><h2 class="heading-medium text-balance">The ultimate React component library</h2></div><div class="text-size-xlarge">Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.</div></div></div></div><a href="/react/components" class="features-grid_component w-inline-block"><div class="features-grid_button-wrapper"><div class="features-grid_button"><div class="text-size-medium text-color-gray500 text-balance text-weight-normal"><span class="hide-mobile-portrait">Built with </span><span class="text-span-react">     </span> <span class="text-weight-semibold text-color-gray900">React Aria</span> <span class="hide-mobile-portrait">and </span>styled with <span class="text-span-tailwind">      </span> <span class="text-weight-semibold text-color-gray900">Tailwind CSS</span></div></div></div><div class="features-grid_wrapper"><div class="features-grid_grid"><div class="features-grid_col-01"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp" loading="lazy" height="2950" alt="React UI components" width="720" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp 720w" sizes="(max-width: 720px) 100vw, 720px" class="features-grid_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp" loading="lazy" height="2950" alt="React UI components" width="720" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp 720w" sizes="(max-width: 720px) 100vw, 720px" class="features-grid_image"/></div><div class="features-grid_col-02"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca1f6aaeaabbb56fdad_features-01b.webp" loading="lazy" height="2040" alt="React UI components" width="322" class="features-grid_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca1f6aaeaabbb56fdad_features-01b.webp" loading="lazy" height="2040" alt="React UI components" width="322" class="features-grid_image"/></div><div class="features-grid_col-03"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp" loading="lazy" height="2950" alt="React UI components" width="720" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp 720w" sizes="(max-width: 720px) 100vw, 720px" class="features-grid_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp" loading="lazy" height="2950" alt="React UI components" width="720" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp 720w" sizes="(max-width: 720px) 100vw, 720px" class="features-grid_image"/></div><div class="features-grid_col-04"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15f04f871f0f505d9_features-01d.webp" loading="lazy" height="2688" alt="React UI components" width="214" class="features-grid_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15f04f871f0f505d9_features-01d.webp" loading="lazy" height="2688" alt="React UI components" width="214" class="features-grid_image"/></div>
615<div class="features-grid_col-05"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68248313b8a38d422f86b201_52bf3cc6ec6e1c05cb97a3744d66ffb7_features-01e.webp" loading="lazy" height="2640" alt="React UI components" width="672" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68248313b8a38d422f86b201_52bf3cc6ec6e1c05cb97a3744d66ffb7_features-01e-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68248313b8a38d422f86b201_52bf3cc6ec6e1c05cb97a3744d66ffb7_features-01e.webp 672w" sizes="(max-width: 672px) 100vw, 672px" class="features-grid_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68248313b8a38d422f86b201_52bf3cc6ec6e1c05cb97a3744d66ffb7_features-01e.webp" loading="lazy" height="2640" alt="React UI components" width="672" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68248313b8a38d422f86b201_52bf3cc6ec6e1c05cb97a3744d66ffb7_features-01e-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68248313b8a38d422f86b201_52bf3cc6ec6e1c05cb97a3744d66ffb7_features-01e.webp 672w" sizes="(max-width: 672px) 100vw, 672px" class="features-grid_image"/></div><div class="features-grid_col-06"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca185ff9586364f7dd3_features-01f.webp" loading="lazy" height="2128" alt="React UI components" width="320" class="features-grid_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca185ff9586364f7dd3_features-01f.webp" loading="lazy" height="2128" alt="React UI components" width="320" class="features-grid_image"/></div><div class="features-grid_col-07"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp" loading="lazy" height="2950" alt="React UI components" width="720" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp 720w" sizes="(max-width: 720px) 100vw, 720px" class="features-grid_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp" loading="lazy" height="2950" alt="React UI components" width="720" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abfca15482516a071a47a8_features-01a.webp 720w" sizes="(max-width: 720px) 100vw, 720px" class="features-grid_image"/></div></div></div></a></div></div></div></section><section class="section_tech-stack"><div class="page-padding"><div class="container-large"><div class="padding-bottom padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-medium-large align-center"><div class="margin-bottom margin-xsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">Built by developers, for developers</div></div><div class="text-size-medium">Built on React v19.2, Tailwind CSS v4.3, TypeScript v5.9, and React Aria, our components deliver modern performance, type safety, and maintainability.</div></div></div></div><div class="w-layout-grid sub-features_component"><a id="w-node-a818b610-058a-128e-39d2-1945d1dc82a2-d1dc82a1" href="/react/components" class="tech-stack-card_component is-large w-inline-block"><div class="margin-bottom margin-xlarge"><div class="icon-featured_component"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb10bf6aaeaabbb52a6c7_tailwind-css.webp" loading="lazy" width="360" height="360" alt="Illustration" class="icon-featured_inner"/></div></div><div><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">Styled with Tailwind CSS v4.3</h3></div><div class="margin-bottom margin-small"><div class="text-size-medium text-balance">Copy production-ready components with Tailwind CSS v4.3 utility classes. Build beautiful, responsive, and interfaces fast.</div></div><div class="button-row"><div class="button-wrapper"><div class="button-link-gray"><div>Components</div><img width="20" height="20" alt="Chevron right icon" src="https://cdn.prod.website-files.com/63649
6156d3f0ebfdaba9784655/68216360201a0eea0f60026a_80fd6e075b3fe3b0fd278edf42947441_chevron-right.svg" loading="lazy" class="button-icon-right"/></div></div></div></div><div class="tech-stack-card_illustration w-embed"><svg width="100%" height="100%" viewBox="0 0 200 152" fill="none" xmlns="http://www.w3.org/2000/svg">
616<path d="M102.004 33C84.1328 33 72.9687 41.8893 68.4961 59.668C75.1992 50.7825 83.0137 47.4456 91.9473 49.6689C97.0438 50.9338 100.69 54.6122 104.718 58.6863C111.288 65.3213 118.892 73 135.5 73C153.367 73 164.531 64.1107 169 46.3359C162.301 55.2214 154.482 58.5583 145.553 56.3311C140.452 55.0662 136.806 51.3878 132.778 47.3137C126.208 40.6826 118.604 33 102.004 33ZM68.4961 73C50.6367 73 39.4648 81.8893 35 99.668C41.6992 90.7786 49.5176 87.4456 58.4473 89.6689C63.5477 90.9338 67.1937 94.6122 71.2218 98.6863C77.7923 105.321 85.3962 113 102.004 113C119.871 113 131.035 104.115 135.5 86.3359C128.801 95.2214 120.986 98.5583 112.053 96.335C106.956 95.0662 103.31 91.3839 99.2782 87.3137C92.7116 80.6787 85.1038 73 68.4961 73Z" stroke="currentColor" stroke-linejoin="round"/>
617<rect x="18.5" y="16.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
618<rect x="18.5" y="118.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
619<rect x="174.5" y="16.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
620<rect x="174.5" y="118.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
621<line x1="30" y1="21.5" x2="174" y2="21.5" stroke="black" stroke-opacity="0.14"/>
622<line x1="30" y1="124.5" x2="174" y2="124.5" stroke="black" stroke-opacity="0.14"/>
623<line x1="23.5" y1="28" x2="23.5" y2="118" stroke="black" stroke-opacity="0.14"/>
624<line x1="180.5" y1="28" x2="180.5" y2="118" stroke="black" stroke-opacity="0.14"/>
625</svg></div></a><a id="w-node-a818b610-058a-128e-39d2-1945d1dc82b4-d1dc82a1" href="/react/docs/introduction" class="tech-stack-card_component is-large w-inline-block"><div class="margin-bottom margin-xlarge"><div class="icon-featured_component"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb109bd98572d82758e57_accessibility.webp" loading="lazy" width="360" height="360" alt="Illustration" class="icon-featured_inner"/></div></div><div><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">Accessible by design</h3></div><div class="margin-bottom margin-small"><div class="text-size-medium text-balance">Based on React Aria components with WAI-ARIA standards for accessibility, including keyboard navigation and screen reader support.</div></div><div class="button-row"><div class="button-wrapper"><div class="button-link-gray"><div>Documentation</div><img width="20" height="20" alt="Chevron right icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68216360201a0eea0f60026a_80fd6e075b3fe3b0fd278edf42947441_chevron-right.svg" loading="lazy" class="button-icon-right"/></div></div></div></div><div class="tech-stack-card_illustration w-embed"><svg width="100%" height="100%" viewBox="0 0 200 152" fill="none" xmlns="http://www.w3.org/2000/svg">
626<g clip-path="url(#clip0_2025_240002)">
627<rect x="16.5" y="16.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
628<rect x="16.5" y="118.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
629<line x1="28" y1="21.5" x2="200" y2="21.5" stroke="black" stroke-opacity="0.14"/>
630<line x1="28" y1="124.5" x2="200" y2="124.5" stroke="black" stroke-opacity="0.14"/>
631<line x1="21.5" y1="28" x2="21.5" y2="118" stroke="black" stroke-opacity="0.14"/>
632<rect x="34.5" y="60.5" width="319" height="51" rx="11.5" stroke="currentColor"/>
633<rect x="38.5" y="64.5" width="311" height="43" rx="7.5" stroke="black" stroke-opacity="0.14"/>
634<path fill-rule="evenodd" clip-rule="evenodd" d="M98.6299 80.7959C99.6943 80.7959 100.627 80.9699 101.426 81.3184C102.229 81.6631 102.9 82.1308 103.438 82.7217C103.979 83.3087 104.384 83.9695 104.653 84.7041C104.926 85.439 105.062 86.1972 105.062 86.9775C105.062 87.5266 105.035 88.0832 104.982 88.6475C104.929 89.2117 104.818 89.7307 104.647 90.2041C104.477 90.6738 104.213 91.0529 103.857 91.3408C103.505 91.6287 103.028 91.7725 102.426 91.7725C102.161 91.7725 101.869 91.7308 101.551 91.6475C101.233 91.5641 100.95 91.4265 100.704 91.2334C100.489 91.0643 100.35 90.844 100.288 90.5732L100.267 90.4541H100.198C100.107 90.6737 99.9675 90.8822 99.7783 91.0791C99.5927 91.2761 99.348 91.4334 99.0449 91.5508C98.7457 91.6682 98.38 91.7193 97.9482 91.7041C97.456 91.6851 97.0224 91.5757 96.6475 91.375C96.2726 91.1705 95.9579 90.8943 95.7041 90.5459C95.4541 90.1937 95.2645 89.7862 95.1357 89.3242C95.0108 88.8584 94.9483 88.3562 94.9482 87.8184C94.9482 87.3071 95.0243 86.8392 95.1758 86.415C95.3273 85.9908 95.5377 85.619 95.8066 85.3008C96.0792 84.9828 96.3973 84.7294 96.7607 84.54C97.1281 84.3469 97.5241 84.2271 97.9482 84.1816C98.327 84.1438 98.6718 84.1614 98.9824 84.2334C99.293 84.3016 99.5492 84.4057 99.75 84.5459C99.9504 84.6821 100.077 84.8335 100.13 85H100.198V84.3633H101.403V89.5C101.403 89.8181 101.492 90.0984 101.67 90.3408C101.848 90.5832 102.107 90.704 102.448 90.7041C102.835 90.7041 103.13 90.5718 103.335 90.3066C103.543 90.0415 103.685 89.632 103.761 89.0791C103.84 88.5261 103.88 87.8175 103.88 86.9541C103.88 86.4467 103.81 85.9464 103.67 85.4541C103.534 84.9581 103.325 84.4942 103.045 84.0625C102.768 83.6308 102.418 83.2504 101.994 82.9209C101.57 82.5914 101.072 82.3331 100.5 82.1475C100.003 81.9818 99.446 81.8889 98.8301 81.8682L98.5625 81.8633C97.6723 81.8633 96.8745 82.0018 96.1699 82.2783C95.4692 82.551 94.8723 82.9511 94.3799 83.4775C93.8914 84.0002 93.5183 84.6369 93.2607 85.3867C93.0071 86.1328 92.8799 86.9811 92.8799 87.9316C92.8799 88.8975 93.007 89.7559 93.2607 90.5059C93.5183 91.2558 93.8975 91.8882 94.3975 92.4033C94.9012 92.9185 95.5242 93.3091 96.2666 93.5742C97.009 93.8431 97.8653 93.9775 98.835 93.9775C99.2514 93.9775 99.6623 93.9379 100.067 93.8584C100.473 93.7789 100.831 93.6914 101.142 93.5967C101.452 93.502 101.676 93.4322 101.812 93.3867L102.13 94.4316C101.895 94.5301 101.589 94.6291 101.21 94.7275C100.835 94.826 100.433 94.9073 100.005 94.9717C99.5808 95.036 99.1753 95.0684 98.7891 95.0684C97.6302 95.0683 96.6058 94.9089 95.7158 94.5908C94.8259 94.2765 94.0777 93.8127 93.4717 93.1992C92.8657 92.5857 92.4073 91.8334 92.0967 90.9434C91.7861 90.0533 91.6299 89.0343 91.6299 87.8867C91.6299 86.777 91.7872 85.7841 92.1016 84.9092C92.4197 84.0342 92.8801 83.2915 93.4824 82.6816C94.0885 82.068 94.8239 81.6003 95.6875 81.2783C96.5547 80.9565 97.5355 80.7959 98.6299 80.7959ZM98.1758 85.2959C97.744 85.2959 97.3742 85.4094 97.0674 85.6367C96.7646 85.8602 96.5319 86.1594 96.3691 86.5342C96.2101 86.9054 96.1299 87.3106 96.1299 87.75C96.1299 88.2348 96.1945 88.6912 96.3232 89.1191C96.452 89.5433 96.6625 89.8882 96.9541 90.1533C97.2457 90.4146 97.6377 90.5458 98.1299 90.5459C98.6375 90.5459 99.0489 90.4428 99.3633 90.2383C99.6776 90.0337 99.9069 89.7253 100.051 89.3125C100.195 88.8996 100.267 88.3788 100.267 87.75C100.267 87.1139 100.187 86.6178 100.028 86.2617C99.8692 85.9057 99.6338 85.6557 99.3232 85.5117C99.0127 85.3678 98.6303 85.2959 98.1758 85.2959Z" fill="currentColor"/>
635<path fill-rule="evenodd" clip-rule="evenodd" d="M86.6279 83.165C86.8539 83.1778 87.1031 83.2106 87.376 83.2617C87.7434 83.3261 88.0976 83.4605 88.4385 83.665C88.7832 83.8696 89.0696 84.178 89.2969 84.5908C89.5241 85.0037 89.6377 85.5569 89.6377 86.25V92H88.2969V90.8184H88.2285C88.1376 91.0077 87.9855 91.2099 87.7734 91.4258C87.5613 91.6417 87.279 91.826 86.9268 91.9775C86.5746 92.1289 86.1449 92.2041 85.6377 92.2041C85.0847 92.2041 84.5826 92.0999 84.1318 91.8916C83.6811 91.6795 83.3227 91.3752 83.0576 90.9775C82.7925 90.576 82.6602 90.0906 82.6602 89.5225C82.6602 89.0226 82.7591 88.6172 82.9561 88.3066C83.1529 87.9925 83.4158 87.7463 83.7451 87.5684C84.0745 87.3904 84.4384 87.258 84.8359 87.1709C85.2375 87.08 85.6416 87.0071 86.0469 86.9541C86.5768 86.886 87.0065 86.8349 87.3359 86.8008C87.6693 86.7629 87.912 86.7004 88.0635 86.6133C88.2187 86.5262 88.2969 86.375 88.2969 86.1592V86.1133C88.2968 85.5528 88.1427 85.1172 87.8359 84.8066C87.533 84.4963 87.0731 84.3409 86.4561 84.3408C85.8159 84.3408 85.3138 84.4814 84.9502 84.7617C84.5866 85.042 84.3303 85.341 84.1826 85.6592L82.9102 85.2041C83.1374 84.674 83.4406 84.2612 83.8193 83.9658C84.2019 83.6666 84.6186 83.4582 85.0693 83.3408C85.5238 83.2196 85.9708 83.1592 86.4102 83.1592L86.6279 83.165ZM88.2969 87.6133C88.2401 87.6814 88.1148 87.744 87.9219 87.8008C87.7325 87.8538 87.5126 87.9017 87.2627 87.9434C87.0165 87.9812 86.7758 88.0156 86.541 88.0459C86.3101 88.0724 86.1224 88.0943 85.9785 88.1133C85.63 88.1587 85.304 88.2327 85.001 88.335C84.7017 88.4334 84.459 88.5834 84.2734 88.7842C84.0918 88.9811 84.001 89.2501 84.001 89.5908C84.001 90.0567 84.1739 90.4088 84.5186 90.6475C84.867 90.8822 85.3079 91 85.8418 91C86.372 91 86.819 90.8958 87.1826 90.6875C87.55 90.4792 87.8271 90.2104 88.0127 89.8809C88.2021 89.5513 88.2969 89.2045 88.2969 88.8408V87.6133Z" fill="currentColor"/>
636<path fill-rule="evenodd" clip-rule="evenodd" d="M56.7705 83.1592C57.5583 83.1592 58.248 83.3467 58.8389 83.7217C59.4335 84.0966 59.896 84.6229 60.2256 85.3008C60.5589 85.9788 60.7256 86.7726 60.7256 87.6816C60.7256 88.5832 60.5589 89.3717 60.2256 90.0459C59.8961 90.72 59.4335 91.2442 58.8389 91.6191C58.248 91.9941 57.5583 92.1816 56.7705 92.1816C55.9828 92.1816 55.2918 91.9941 54.6973 91.6191C54.1064 91.2442 53.6439 90.72 53.3105 90.0459C52.981 89.3717 52.8164 88.5832 52.8
636164 87.6816C52.8164 86.7726 52.981 85.9788 53.3105 85.3008C53.6439 84.6229 54.1064 84.0966 54.6973 83.7217C55.2918 83.3468 55.9829 83.1593 56.7705 83.1592ZM56.7705 84.3633C56.1724 84.3634 55.6802 84.5188 55.2939 84.8291C54.9076 85.1397 54.6212 85.5471 54.4355 86.0508C54.25 86.5545 54.1572 87.0984 54.1572 87.6816C54.1572 88.2649 54.25 88.8067 54.4355 89.3066C54.6211 89.8066 54.9076 90.2098 55.2939 90.5166C55.6802 90.8233 56.1722 90.9775 56.7705 90.9775C57.369 90.9775 57.8617 90.8234 58.248 90.5166C58.6344 90.2098 58.9209 89.8066 59.1064 89.3066C59.292 88.8067 59.3848 88.2649 59.3848 87.6816C59.3847 87.0984 59.292 86.5545 59.1064 86.0508C58.9208 85.5471 58.6344 85.1397 58.248 84.8291C57.8617 84.5187 57.3688 84.3633 56.7705 84.3633Z" fill="currentColor"/>
637<path fill-rule="evenodd" clip-rule="evenodd" d="M148.994 83.1729C149.333 83.2012 149.669 83.2731 150.001 83.3867C150.444 83.5382 150.847 83.7842 151.211 84.125C151.575 84.4621 151.865 84.909 152.081 85.4658C152.297 86.0226 152.404 86.7082 152.404 87.5225V88.0908H146.067C146.087 88.6713 146.198 89.1694 146.404 89.585C146.635 90.0394 146.955 90.3864 147.364 90.625C147.773 90.8598 148.249 90.9775 148.791 90.9775C149.143 90.9775 149.461 90.9275 149.745 90.8291C150.033 90.7269 150.281 90.5756 150.489 90.375C150.698 90.1705 150.859 89.9163 150.973 89.6133L152.269 89.9775C152.132 90.4169 151.903 90.8034 151.581 91.1367C151.259 91.4662 150.861 91.7236 150.388 91.9092C149.914 92.091 149.382 92.1816 148.791 92.1816C147.95 92.1816 147.224 91.9962 146.614 91.625C146.008 91.25 145.54 90.727 145.211 90.0566C144.885 89.3825 144.723 88.5979 144.723 87.7041C144.723 86.8104 144.885 86.0225 145.211 85.3408C145.54 84.6552 145.999 84.1209 146.586 83.7383C147.177 83.3519 147.866 83.1592 148.654 83.1592L148.994 83.1729ZM148.654 84.3633C148.12 84.3633 147.659 84.4967 147.269 84.7617C146.882 85.0231 146.584 85.3637 146.376 85.7842C146.198 86.1444 146.096 86.5269 146.07 86.9316H151.041C151.041 86.4393 150.942 85.9996 150.745 85.6133C150.552 85.2272 150.276 84.9226 149.916 84.6992C149.56 84.4757 149.139 84.3633 148.654 84.3633Z" fill="currentColor"/>
638<path fill-rule="evenodd" clip-rule="evenodd" d="M161.739 80.3633V92H160.444V90.6592H160.285C160.187 90.8183 160.046 91.0193 159.864 91.2617C159.682 91.5002 159.423 91.714 159.086 91.9033C158.749 92.0888 158.3 92.1816 157.739 92.1816C157.012 92.1816 156.37 91.9982 155.813 91.6309C155.257 91.2597 154.821 90.7367 154.507 90.0625C154.192 89.3845 154.035 88.5834 154.035 87.6592C154.035 86.7425 154.192 85.9467 154.507 85.2725C154.821 84.5983 155.259 84.0773 155.819 83.71C156.38 83.3426 157.028 83.1592 157.763 83.1592C158.331 83.1592 158.78 83.254 159.109 83.4434C159.442 83.6288 159.696 83.8407 159.87 84.0791C160.048 84.314 160.187 84.5077 160.285 84.6592H160.398V80.3633H161.739ZM157.922 84.3633C157.354 84.3633 156.88 84.5092 156.501 84.8008C156.126 85.0887 155.844 85.4813 155.654 85.9775C155.469 86.4699 155.376 87.0232 155.376 87.6367C155.376 88.2576 155.471 88.8217 155.66 89.3291C155.853 89.8329 156.138 90.2349 156.513 90.5342C156.891 90.8295 157.361 90.9775 157.922 90.9775C158.46 90.9775 158.914 90.8369 159.285 90.5566C159.656 90.2726 159.939 89.8808 160.132 89.3809C160.325 88.8772 160.422 88.2957 160.422 87.6367C160.422 86.9852 160.327 86.4144 160.138 85.9258C159.948 85.4335 159.668 85.051 159.297 84.7783C158.926 84.5019 158.467 84.3633 157.922 84.3633Z" fill="currentColor"/>
639<path d="M185.404 83.1592C186.018 83.1592 186.571 83.2728 187.063 83.5C187.556 83.7272 187.959 84.0452 188.273 84.4541C188.588 84.8632 188.784 85.3413 188.859 85.8867H187.519C187.416 85.489 187.188 85.1359 186.836 84.8291C186.487 84.5187 186.017 84.3633 185.427 84.3633C184.904 84.3634 184.446 84.4998 184.052 84.7725C183.662 85.0414 183.357 85.4227 183.138 85.915C182.922 86.4036 182.813 86.9777 182.813 87.6367C182.814 88.3107 182.92 88.8976 183.132 89.3975C183.348 89.8975 183.651 90.286 184.041 90.5625C184.435 90.8389 184.897 90.9775 185.427 90.9775C185.775 90.9775 186.092 90.917 186.376 90.7959C186.66 90.6747 186.901 90.4997 187.098 90.2725C187.295 90.0452 187.435 89.7722 187.519 89.4541H188.859C188.784 89.9692 188.596 90.4338 188.297 90.8467C188.001 91.2558 187.609 91.5818 187.12 91.8242C186.635 92.0627 186.071 92.1816 185.427 92.1816C184.609 92.1816 183.904 91.9888 183.313 91.6025C182.723 91.2162 182.268 90.6838 181.95 90.0059C181.632 89.3278 181.473 88.5529 181.473 87.6816C181.473 86.7953 181.635 86.0129 181.961 85.335C182.29 84.6532 182.749 84.1208 183.336 83.7383C183.927 83.3519 184.616 83.1592 185.404 83.1592Z" fill="currentColor"/>
640<path fill-rule="evenodd" clip-rule="evenodd" d="M194.364 83.1592C195.152 83.1592 195.842 83.3467 196.433 83.7217C197.027 84.0966 197.49 84.6229 197.819 85.3008C198.153 85.9788 198.319 86.7726 198.319 87.6816C198.319 88.5832 198.153 89.3717 197.819 90.0459C197.49 90.72 197.027 91.2442 196.433 91.6191C195.842 91.9941 195.152 92.1816 194.364 92.1816C193.577 92.1816 192.886 91.994 192.291 91.6191C191.7 91.2442 191.238 90.72 190.904 90.0459C190.575 89.3717 190.41 88.5832 190.41 87.6816C190.41 86.7726 190.575 85.9788 190.904 85.3008C191.238 84.6229 191.7 84.0966 192.291 83.7217C192.886 83.3468 193.577 83.1592 194.364 83.1592ZM194.364 84.3633C193.766 84.3634 193.274 84.5188 192.888 84.8291C192.501 85.1397 192.215 85.5471 192.029 86.0508C191.844 86.5545 191.751 87.0984 191.751 87.6816C191.751 88.2649 191.844 88.8067 192.029 89.3066C192.215 89.8066 192.501 90.2098 192.888 90.5166C193.274 90.8233 193.766 90.9775 194.364 90.9775C194.963 90.9775 195.455 90.8234 195.842 90.5166C196.228 90.2098 196.515 89.8066 196.7 89.3066C196.886 88.8067 196.979 88.2649 196.979 87.6816C196.978 87.0984 196.886 86.5545 196.7 86.0508C196.515 85.5471 196.228 85.1397 195.842 84.8291C195.455 84.5187 194.963 84.3633 194.364 84.3633Z" fill="currentColor"/>
641<path d="M108.41 88.7275C108.41 89.3638 108.588 89.8713 108.944 90.25C109.304 90.6288 109.763 90.8184 110.319 90.8184C110.653 90.8183 110.991 90.7328 111.336 90.5625C111.684 90.3921 111.976 90.1305 112.211 89.7783C112.45 89.426 112.569 88.9771 112.569 88.4316V83.2725H113.91V92H112.569V90.5225H112.479C112.274 90.9656 111.955 91.3427 111.523 91.6533C111.092 91.96 110.547 92.1132 109.888 92.1133C109.342 92.1133 108.857 91.9945 108.433 91.7559C108.008 91.5135 107.675 91.1498 107.433 90.665C107.19 90.1764 107.069 89.5607 107.069 88.8184V83.2725H108.41V88.7275Z" fill="currentColor"/>
642<path d="M127.657 83.2725H129.521V84.4092H127.657V89.5C127.657 89.8788 127.712 90.1631 127.822 90.3525C127.936 90.538 128.08 90.6632 128.254 90.7275C128.432 90.7881 128.619 90.8184 128.816 90.8184C128.964 90.8184 129.085 90.811 129.18 9
6420.7959C129.274 90.777 129.35 90.7614 129.407 90.75L129.68 91.9541C129.589 91.9881 129.462 92.0226 129.3 92.0566C129.137 92.0945 128.93 92.1133 128.68 92.1133C128.301 92.1132 127.93 92.032 127.566 91.8691C127.207 91.7063 126.908 91.4582 126.669 91.125C126.434 90.7917 126.316 90.3709 126.316 89.8633V84.4092H124.998V83.2725H126.316V81.1816H127.657V83.2725Z" fill="currentColor"/>
643<path d="M137.267 81.1816V83.2725H139.13V84.4092H137.267V89.5C137.267 89.8788 137.322 90.1631 137.432 90.3525C137.545 90.538 137.689 90.6632 137.863 90.7275C138.041 90.7881 138.229 90.8184 138.426 90.8184C138.573 90.8184 138.694 90.811 138.789 90.7959C138.884 90.777 138.96 90.7614 139.017 90.75L139.289 91.9541C139.198 91.9881 139.072 92.0226 138.909 92.0566C138.746 92.0945 138.539 92.1133 138.289 92.1133C137.91 92.1132 137.539 92.032 137.176 91.8691C136.816 91.7063 136.517 91.4582 136.278 91.125C136.043 90.7917 135.926 90.3709 135.926 89.8633V84.4092H134.607V83.2725H135.926V81.1816H137.267Z" fill="currentColor"/>
644<path d="M165.723 83.2725V88.7275C165.723 89.3638 165.901 89.8713 166.257 90.25C166.617 90.6288 167.075 90.8184 167.632 90.8184C167.965 90.8183 168.304 90.7328 168.648 90.5625C168.997 90.3921 169.289 90.1305 169.523 89.7783C169.762 89.426 169.882 88.9771 169.882 88.4316V83.2725H171.223V92H169.882V90.5225H169.791C169.586 90.9656 169.268 91.3427 168.836 91.6533C168.404 91.96 167.859 92.1132 167.2 92.1133C166.655 92.1133 166.169 91.9945 165.745 91.7559C165.321 91.5135 164.988 91.1498 164.745 90.665C164.503 90.1764 164.382 89.5607 164.382 88.8184V83.2725H165.723Z" fill="currentColor"/>
645<path d="M178.453 90.0459C178.733 90.046 178.974 90.146 179.175 90.3467C179.375 90.5474 179.476 90.7882 179.476 91.0684C179.476 91.2538 179.428 91.4239 179.333 91.5791C179.242 91.7344 179.119 91.8594 178.964 91.9541C178.812 92.045 178.642 92.0908 178.453 92.0908C178.173 92.0908 177.932 91.9906 177.731 91.79C177.531 91.5893 177.43 91.3486 177.43 91.0684C177.43 90.7881 177.531 90.5474 177.731 90.3467C177.932 90.146 178.173 90.0459 178.453 90.0459Z" fill="currentColor"/>
646<path d="M64.1133 92H62.7725V80.3633H64.1133V92Z" fill="currentColor"/>
647<path d="M67.9102 92H66.5693V83.2725H67.9102V92Z" fill="currentColor"/>
648<path d="M73.5479 90.2275H73.6387L76.0479 83.2725H77.5029L74.2754 92H72.9111L69.6846 83.2725H71.1387L73.5479 90.2275Z" fill="currentColor"/>
649<path d="M80.6133 92H79.2725V83.2725H80.6133V92Z" fill="currentColor"/>
650<path d="M120.32 83.1592C120.911 83.1592 121.429 83.28 121.872 83.5225C122.315 83.7611 122.66 84.1248 122.906 84.6133C123.152 85.098 123.275 85.7119 123.275 86.4541V92H121.935V86.5459C121.935 85.8604 121.756 85.3259 121.4 84.9434C121.044 84.5571 120.556 84.3633 119.935 84.3633C119.507 84.3633 119.123 84.456 118.786 84.6416C118.453 84.8271 118.19 85.0983 117.997 85.4541C117.804 85.8102 117.707 86.2424 117.707 86.75V92H116.366V83.2725H117.661V84.6367H117.775C117.98 84.1936 118.29 83.8373 118.707 83.5684C119.124 83.2957 119.661 83.1592 120.32 83.1592Z" fill="currentColor"/>
651<path d="M132.879 92H131.538V83.2725H132.879V92Z" fill="currentColor"/>
652<path d="M142.676 92H141.335V80.3633H142.676V92Z" fill="currentColor"/>
653<path d="M175.02 92H173.679V83.2725H175.02V92Z" fill="currentColor"/>
654<path d="M67.251 80C67.5123 80 67.7363 80.0886 67.9219 80.2666C68.1113 80.4446 68.2061 80.6592 68.2061 80.9092C68.206 81.159 68.111 81.3728 67.9219 81.5508C67.7363 81.7288 67.5123 81.8184 67.251 81.8184C66.9897 81.8183 66.7646 81.7288 66.5752 81.5508C66.3896 81.3728 66.2969 81.1591 66.2969 80.9092C66.2969 80.6592 66.3896 80.4446 66.5752 80.2666C66.7645 80.0888 66.9898 80 67.251 80Z" fill="currentColor"/>
655<path d="M79.9541 80C80.2154 80 80.4394 80.0886 80.625 80.2666C80.8144 80.4446 80.9092 80.6592 80.9092 80.9092C80.9092 81.159 80.8141 81.3728 80.625 81.5508C80.4394 81.7288 80.2155 81.8184 79.9541 81.8184C79.6928 81.8183 79.4677 81.7288 79.2783 81.5508C79.0928 81.3728 79 81.1591 79 80.9092C79 80.6592 79.0927 80.4446 79.2783 80.2666C79.4676 80.0888 79.6929 80 79.9541 80Z" fill="currentColor"/>
656<path d="M132.22 80C132.481 80 132.705 80.0886 132.891 80.2666C133.08 80.4446 133.175 80.6592 133.175 80.9092C133.175 81.159 133.08 81.3728 132.891 81.5508C132.705 81.7288 132.481 81.8184 132.22 81.8184C131.958 81.8183 131.733 81.7288 131.544 81.5508C131.358 81.3728 131.266 81.1591 131.266 8
6560.9092C131.266 80.6592 131.358 80.4446 131.544 80.2666C131.733 80.0888 131.959 80 132.22 80Z" fill="currentColor"/>
657<path d="M174.36 80C174.622 80 174.846 80.0886 175.031 80.2666C175.221 80.4446 175.315 80.6592 175.315 80.9092C175.315 81.159 175.22 81.3728 175.031 81.5508C174.846 81.7288 174.622 81.8184 174.36 81.8184C174.099 81.8183 173.874 81.7288 173.685 81.5508C173.499 81.3728 173.406 81.1591 173.406 80.9092C173.406 80.6592 173.499 80.4446 173.685 80.2666C173.874 80.0888 174.099 80 174.36 80Z" fill="currentColor"/>
658<path d="M126.501 43.2276L125.154 43.4663C125.098 43.2939 125.008 43.1299 124.886 42.9741C124.766 42.8183 124.604 42.6907 124.398 42.5913C124.193 42.4918 123.936 42.4421 123.628 42.4421C123.207 42.4421 122.856 42.5366 122.574 42.7255C122.292 42.9111 122.151 43.1514 122.151 43.4464C122.151 43.7016 122.246 43.9071 122.435 44.0629C122.624 44.2186 122.929 44.3462 123.349 44.4457L124.562 44.7241C125.265 44.8865 125.789 45.1367 126.134 45.4748C126.478 45.8129 126.651 46.252 126.651 46.7923C126.651 47.2496 126.518 47.6573 126.253 48.0153C125.991 48.3699 125.625 48.6483 125.154 48.8505C124.687 49.0527 124.145 49.1538 123.528 49.1538C122.673 49.1538 121.976 48.9715 121.435 48.6069C120.895 48.239 120.564 47.717 120.441 47.0408L121.878 46.8221C121.967 47.1966 122.151 47.48 122.43 47.6722C122.708 47.8612 123.071 47.9556 123.518 47.9556C124.006 47.9556 124.395 47.8545 124.687 47.6523C124.978 47.4469 125.124 47.1966 125.124 46.9016C125.124 46.663 125.035 46.4625 124.856 46.3001C124.68 46.1377 124.41 46.015 124.045 45.9322L122.753 45.6488C122.04 45.4864 121.513 45.2279 121.172 44.8732C120.834 44.5186 120.665 44.0695 120.665 43.5259C120.665 43.0752 120.791 42.6808 121.043 42.3427C121.295 42.0046 121.643 41.7411 122.087 41.5522C122.531 41.36 123.04 41.2638 123.613 41.2638C124.438 41.2638 125.088 41.4428 125.562 41.8008C126.036 42.1554 126.349 42.631 126.501 43.2276Z" fill="black" fill-opacity="0.14"/>
659<path d="M118.996 43.2276L117.648 43.4663C117.592 43.2939 117.502 43.1299 117.38 42.9741C117.26 42.8183 117.098 42.6907 116.893 42.5913C116.687 42.4918 116.43 42.4421 116.122 42.4421C115.701 42.4421 115.35 42.5366 115.068 42.7255C114.786 42.9111 114.645 43.1514 114.645 43.4464C114.645 43.7016 114.74 43.9071 114.929 44.0629C115.118 44.2186 115.423 44.3462 115.844 44.4457L117.057 44.7241C117.759 44.8865 118.283 45.1367 118.628 45.4748C118.972 45.8129 119.145 46.252 119.145 46.7923C119.145 47.2496 119.012 47.6573 118.747 48.0153C118.485 48.3699 118.119 48.6483 117.648 48.8505C117.181 49.0527 116.639 49.1538 116.023 49.1538C115.167 49.1538 114.47 48.9715 113.93 48.6069C113.389 48.239 113.058 47.717 112.935 47.0408L114.372 46.8221C114.461 47.1966 114.645 47.48 114.924 47.6722C115.202 47.8612 115.565 47.9556 116.013 47.9556C116.5 47.9556 116.889 47.8545 117.181 47.6523C117.473 47.4469 117.618 47.1966 117.618 46.9016C117.618 46.663 117.529 46.4625 117.35 46.3001C117.174 46.1377 116.904 46.015 116.54 45.9322L115.247 45.6488C114.534 45.4864 114.007 45.2279 113.666 44.8732C113.328 44.5186 113.159 44.0695 113.159 43.5259C113.159 43.0752 113.285 42.6808 113.537 42.3427C113.789 42.0046 114.137 41.7411 114.581 41.5522C115.025 41.36 115.534 41.2638 116.107 41.2638C116.932 41.2638 117.582 41.4428 118.056 41.8008C118.53 42.1554 118.843 42.631 118.996 43.2276Z" fill="black" fill-opacity="0.14"/>
660<path d="M108.348 49.1538C107.595 49.1538 106.947 48.993 106.404 48.6715C105.864 48.3467 105.446 47.891 105.151 47.3043C104.859 46.7144 104.713 46.0233 104.713 45.2312C104.713 44.449 104.859 43.7596 105.151 43.163C105.446 42.5664 105.857 42.1007 106.384 41.766C106.914 41.4312 107.534 41.2638 108.243 41.2638C108.674 41.2638 109.092 41.3351 109.496 41.4776C109.9 41.6201 110.263 41.8439 110.585 42.1488C110.906 42.4537 111.16 42.8498 111.346 43.337C111.531 43.8209 111.624 44.4092 111.624 45.1019V45.6289H105.554V44.5153H110.167C110.167 44.1242 110.088 43.7778 109.929 43.4762C109.77 43.1713 109.546 42.931 109.257 42.7553C108.972 42.5797 108.638 42.4918 108.253 42.4918C107.836 42.4918 107.471 42.5946 107.159 42.8001C106.851 43.0022 106.613 43.2674 106.444 43.5955C106.278 43.9203 106.195 44.2733 106.195 44.6545V45.5245C106.195 46.0349 106.284 46.4691 106.463 46.8271C106.646 47.185 106.899 47.4585 107.224 47.6474C107.549 47.833 107.928 47.9258 108.363 47.9258C108.644 47.9258 108.901 47.886 109.133 47.8065C109.365 47.7236 109.566 47.601 109.735 47.4386C109.904 47.2762 110.033 47.0756 110.123 46.837L111.529 47.0906C111.417 47.5049 111.215 47.8678 110.923 48.1793C110.635 48.4876 110.272 48.7279 109.834 48.9002C109.4 49.0692 108.904 49.1538 108.348 49.1538Z" fill="black" fill-opacity="0.14"/>
661<path d="M99.9569 48.9996V41.3633H101.394V42.5763H101.473C101.612 42.1654 101.858 41.8422 102.209 41.6069C102.564 41.3683 102.965 41.2489 103.412 41.2489C103.505 41.2489 103.614 41.2522 103.74 41.2589C103.869 41.2655 103.971 41.2738 104.044 41.2837V42.7056C103.984 42.689 103.878 42.6708 103.725 42.6509C103.573 42.6277 103.42 42.6161 103.268 42.6161C102.917 42.6161 102.603 42.6907 102.328 42.8398C102.057 42.9857 101.841 43.1895 101.682 43.4513C101.523 43.7099 101.443 44.0049 101.443 44.3363V48.9996H99.9569Z" fill="black" fill-opacity="0.14"/>
662<path d="M94.0518 49.1488C93.4354 49.1488 92.8852 48.9914 92.4013 48.6765C91.9207 48.3583 91.5429 47.9059 91.2678 47.3192C90.996 46.7293 90.8601 46.0217 90.8601 45.1964C90.8601 44.3711 90.9976 43.6651 91.2727 43.0785C91.5511 42.4918 91.9323 42.0427 92.4162 41.7312C92.9001 41.4196 93.4486 41.2638 94.0618 41.2638C94.5357 41.2638 94.9169 41.3434 95.2053 41.5025C95.4969 41.6583 95.7223 41.8406 95.8814 42.0494C96.0438 42.2582 96.1697 42.4421 96.2592 42.6012H96.3487V38.8178H97.8352V48.9996H96.3835V47.8114H96.2592C96.1697 47.9738 96.0405 48.1594 95.8714 48.3683C95.7057 48.5771 95.477 48.7594 95.1854 48.9151C94.8937 49.0709 94.5159 49.1488 94.0518 49.1488ZM94.38 47.881C94.8075 47.881 95.1688 47.7683 95.4638 47.543C95.7621 47.3143 95.9875 46.9978 96.1399 46.5934C96.2957 46.189 96.3736 45.7184 96.3736 45.1815C96.3736 44.6512 96.2973 44.1871 96.1449 43.7894C95.9924 43.3917 95.7687 43.0818 95.4737 42.8597C95.1787 42.6377 94.8142 42.5266 94.38 42.5266C93.9325 42.5266 93.5597 42.6426 93.2614 42.8746C92.9631 43.1067 92.7377 43.4232 92.5852 43.8242C92.4361 44.2253 92.3615 44.6777 92.3615 45.1815C92.3615 45.6919 92.4377 46.1509 92.5902 46.5586C92.7427 46.9
662663 92.968 47.2894 93.2663 47.5281C93.5679 47.7634 93.9392 47.881 94.38 47.881Z" fill="black" fill-opacity="0.14"/>
663<path d="M85.2882 49.1488C84.6717 49.1488 84.1215 48.9914 83.6376 48.6765C83.157 48.3583 82.7792 47.9059 82.5041 47.3192C82.2323 46.7293 82.0964 46.0217 82.0964 45.1964C82.0964 44.3711 82.234 43.6651 82.5091 43.0785C82.7875 42.4918 83.1686 42.0427 83.6525 41.7312C84.1364 41.4196 84.685 41.2638 85.2981 41.2638C85.7721 41.2638 86.1532 41.3434 86.4416 41.5025C86.7333 41.6583 86.9586 41.8406 87.1177 42.0494C87.2801 42.2582 87.4061 42.4421 87.4956 42.6012H87.5851V38.8178H89.0716V48.9996H87.6199V47.8114H87.4956C87.4061 47.9738 87.2768 48.1594 87.1078 48.3683C86.9421 48.5771 86.7134 48.7594 86.4217 48.9151C86.13 49.0709 85.7522 49.1488 85.2882 49.1488ZM85.6163 47.881C86.0439 47.881 86.4051 47.7683 86.7001 47.543C86.9984 47.3143 87.2238 46.9978 87.3762 46.5934C87.532 46.189 87.6099 45.7184 87.6099 45.1815C87.6099 44.6512 87.5337 44.1871 87.3812 43.7894C87.2288 43.3917 87.005 43.0818 86.7101 42.8597C86.4151 42.6377 86.0505 42.5266 85.6163 42.5266C85.1689 42.5266 84.796 42.6426 84.4977 42.8746C84.1994 43.1067 83.974 43.4232 83.8216 43.8242C83.6724 44.2253 83.5978 44.6777 83.5978 45.1815C83.5978 45.6919 83.6741 46.1509 83.8265 46.5586C83.979 46.9663 84.2044 47.2894 84.5027 47.5281C84.8043 47.7634 85.1755 47.881 85.6163 47.881Z" fill="black" fill-opacity="0.14"/>
664<path d="M76.6811 49.1687C76.1972 49.1687 75.7597 49.0792 75.3686 48.9002C74.9775 48.7179 74.6676 48.4544 74.4389 48.1097C74.2135 47.765 74.1009 47.3424 74.1009 46.842C74.1009 46.4111 74.1837 46.0565 74.3494 45.7781C74.5152 45.4996 74.7389 45.2792 75.0206 45.1168C75.3023 44.9544 75.6172 44.8318 75.9652 44.7489C76.3132 44.6661 76.6679 44.6031 77.0291 44.56C77.4865 44.507 77.8577 44.4639 78.1428 44.4308C78.4278 44.3943 78.6349 44.3363 78.7642 44.2567C78.8935 44.1772 78.9581 44.0479 78.9581 43.869V43.8342C78.9581 43.4 78.8355 43.0636 78.5902 42.8249C78.3482 42.5863 77.987 42.467 77.5064 42.467C77.0059 42.467 76.6115 42.578 76.3232 42.8001C76.0381 43.0188 75.8409 43.2624 75.7315 43.5309L74.3345 43.2127C74.5002 42.7487 74.7422 42.3742 75.0604 42.0891C75.3819 41.8008 75.7514 41.592 76.169 41.4627C76.5867 41.3301 77.0258 41.2638 77.4865 41.2638C77.7914 41.2638 78.1146 41.3003 78.456 41.3732C78.8007 41.4428 79.1222 41.5721 79.4205 41.761C79.7221 41.9499 79.969 42.2201 80.1612 42.5714C80.3535 42.9194 80.4496 43.3718 80.4496 43.9286V48.9996H78.9979V47.9556H78.9382C78.8421 48.1478 78.6979 48.3368 78.5057 48.5224C78.3134 48.708 78.0665 48.8621 77.7649 48.9847C77.4633 49.1074 77.102 49.1687 76.6811 49.1687ZM77.0043 47.9755C77.4152 47.9755 77.7666 47.8943 78.0582 47.7319C78.3532 47.5695 78.5769 47.3574 78.7294 47.0955C78.8852 46.8304 78.9631 46.547 78.9631 46.2454V45.261C78.91 45.314 78.8073 45.3638 78.6548 45.4102C78.5057 45.4532 78.335 45.4914 78.1428 45.5245C77.9505 45.5543 77.7633 45.5825 77.581 45.609C77.3987 45.6322 77.2462 45.6521 77.1236 45.6687C76.8352 45.7051 76.5717 45.7665 76.3331 45.8526C76.0978 45.9388 75.9089 46.0631 75.7663 46.2255C75.6271 46.3846 75.5575 46.5967 75.5575 46.8619C75.5575 47.2298 75.6934 47.5082 75.9652 47.6971C76.237 47.8827 76.5833 47.9755 77.0043 47.9755Z" fill="black" fill-opacity="0.14"/>
665<path d="M68.7539 38.8178V48.9996H67.2674V38.8178H68.7539Z" fill="black" fill-opacity="0.14"/>
666<path d="M63.7811 48.9996V41.3633H65.2676V48.9996H63.7811ZM64.5318 40.185C64.2733 40.185 64.0512 40.0988 63.8656 39.9265C63.6833 39.7508 63.5922 39.542 63.5922 39.3001C63.5922 39.0548 63.6833 38.846 63.8656 38.6737C64.0512 38.498 64.2733 38.4102 64.5318 38.4102C64.7903 38.4102 65.0107 38.498 65.193 38.6737C65.3786 38.846 65.4714 39.0548 65.4714 39.3001C65.4714 39.542 65.3786 39.7508 65.193 39.9265C65.0107 40.0988 64.7903 40.185 64.5318 40.185Z" fill="black" fill-opacity="0.14"/>
667<path d="M58.0327 49.1687C57.5488 49.1687 57.1113 49.0792 56.7202 48.9002C56.3291 48.7179 56.0192 48.4544 55.7905 48.1097C55.5651 47.765 55.4524 47.3424 55.4524 46.842C55.4524 46.4111 55.5353 46.0565 55.701 45.7781C55.8667 45.4996 56.0904 45.2792 56.3722 45.1168C56.6539 44.9544 56.9687 44.8318 57.3168 44.7489C57.6648 44.6661 58.0194 44.6031 58.3807 44.56C58.8381 44.507 59.2093 44.4639 59.4943 44.4308C59.7794 44.3943 59.9865 44.3363 60.1158 44.2567C60.245 44.1772 60.3097 44.0479 60.3097 43.869V43.8342C60.3097 43.4 60.187 43.0636 59.9418 42.8249C59.6998 42.5863 59.3385 42.467 58.858 42.467C58.3575 42.467 57.9631 42.578 57.6747 42.8001C57.3897 43.0188 57.1925 43.2624 57.0831 43.5309L55.6861 43.2127C55.8518 42.7487 56.0938 42.3742 56.4119 42.0891C56.7334 41.8008 57.103 41.592 57.5206 41.4627C57.9382 41.3301 58.3774 41.2638 58.8381 41.2638C59.143 41.2638 59.4661 41.3003 59.8075 41.3732C60.1522 41.4428 60.4737 41.5721 60.772 41.761C61.0736 41.9499 61.3205 42.2201 61.5128 42.5714C61.705 42.9194 61.8011 43.3718 61.8011 43.9286V48.9996H60.3494V47.9556H60.2898C60.1937 48.1478 
66760.0495 48.3368 59.8572 48.5224C59.665 48.708 59.4181 48.8621 59.1165 48.9847C58.8149 49.1074 58.4536 49.1687 58.0327 49.1687ZM58.3558 47.9755C58.7668 47.9755 59.1181 47.8943 59.4098 47.7319C59.7048 47.5695 59.9285 47.3574 60.081 47.0955C60.2367 46.8304 60.3146 46.547 60.3146 46.2454V45.261C60.2616 45.314 60.1589 45.3638 60.0064 45.4102C59.8572 45.4532 59.6866 45.4914 59.4943 45.5245C59.3021 45.5543 59.1148 45.5825 58.9325 45.609C58.7502 45.6322 58.5978 45.6521 58.4751 45.6687C58.1868 45.7051 57.9233 45.7665 57.6847 45.8526C57.4493 45.9388 57.2604 46.0631 57.1179 46.2255C56.9787 46.3846 56.9091 46.5967 56.9091 46.8619C56.9091 47.2298 57.045 47.5082 57.3168 47.6971C57.5885 47.8827 57.9349 47.9755 58.3558 47.9755Z" fill="black" fill-opacity="0.14"/>
668<path d="M43.4373 48.9996V41.3633H44.8642V42.6062H44.9586C45.1177 42.1853 45.3779 41.8571 45.7392 41.6218C46.1004 41.3832 46.533 41.2638 47.0368 41.2638C47.5472 41.2638 47.9747 41.3832 48.3194 41.6218C48.6674 41.8604 48.9243 42.1886 49.09 42.6062H49.1696C49.3519 42.1985 49.6419 41.8737 50.0396 41.6317C50.4373 41.3865 50.9113 41.2638 51.4615 41.2638C52.1542 41.2638 52.7193 41.4809 53.1568 41.9151C53.5976 42.3493 53.818 43.0039 53.818 43.8789V48.9996H52.3315V44.0181C52.3315 43.5011 52.1906 43.1265 51.9089 42.8945C51.6272 42.6625 51.2908 42.5465 50.8997 42.5465C50.4158 42.5465 50.0396 42.6957 49.7711 42.994C49.5027 43.2889 49.3684 43.6684 49.3684 44.1325V48.9996H47.8869V43.9237C47.8869 43.5094 47.7576 43.1763 47.4991 42.9244C47.2406 42.6725 46.9042 42.5465 46.4899 42.5465C46.2082 42.5465 45.948 42.6211 45.7093 42.7702C45.474 42.9161 45.2834 43.1199 45.1376 43.3817C44.9951 43.6436 44.9238 43.9469 44.9238 44.2915V48.9996H43.4373Z" fill="black" fill-opacity="0.14"/>
669<path d="M35.1211 48.9996V38.8178H41.5046V40.1403H36.6573V43.2425H41.1715V44.56H36.6573V47.6772H41.5643V48.9996H35.1211Z" fill="black" fill-opacity="0.14"/>
670</g>
671<defs>
672<clipPath id="clip0_2025_240002">
673<rect width="200" height="152" fill="white"/>
674</clipPath>
675</defs>
676</svg></div></a><a id="w-node-a818b610-058a-128e-39d2-1945d1dc82c6-d1dc82a1" href="/react/integrations/nextjs" class="tech-stack-card_component is-large w-inline-block"><div class="margin-bottom margin-xlarge"><div class="icon-featured_component"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb109677e30503d287823_ai-kits.webp" loading="lazy" width="360" height="360" alt="Illustration" class="icon-featured_inner"/></div></div><div><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">AI-ready Lovable and bolt.new kits</h3></div><div class="margin-bottom margin-small"><div class="text-size-medium text-balance">Launch your ideas effortlessly with AI-powered Lovable and bolt.new kits—just prompt and build. No installation needed!</div></div><div class="button-row"><div class="button-wrapper"><div class="button-link-gray"><div>Install now</div><img width="20" height="20" alt="Chevron right icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68216360201a0eea0f60026a_80fd6e075b3fe3b0fd278edf42947441_chevron-right.svg" loading="lazy" class="button-icon-right"/></div></div></div></div><div class="tech-stack-card_illustration w-embed"><svg width="100%" height="100%" viewBox="0 0 200 152" fill="none" xmlns="http://www.w3.org/2000/svg">
677<g clip-path="url(#clip0_2029_240222)">
678<rect x="16.5" y="16.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
679<rect x="16.5" y="118.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
680<line x1="28" y1="21.5" x2="200" y2="21.5" stroke="black" stroke-opacity="0.14"/>
681<line x1="28" y1="124.5" x2="200" y2="124.5" stroke="black" stroke-opacity="0.14"/>
682<line x1="21.5" y1="28" x2="21.5" y2="118" stroke="black" stroke-opacity="0.14"/>
683<rect x="34.5" y="34.5" width="248" height="77" rx="7.5" stroke="currentColor"/>
684<path d="M198.072 64.1815C197.285 64.1815 196.593 63.994 195.999 63.619C195.408 63.244 194.946 62.7193 194.612 62.0451C194.283 61.3709 194.118 60.583 194.118 59.6815C194.118 58.7724 194.283 57.9788 194.612 57.3008C194.946 56.6228 195.408 56.0962 195.999 55.7212C196.593 55.3462 197.285 55.1587 198.072 55.1587C198.86 55.1587 199.55 55.3462 200.141 55.7212C200.735 56.0962 201.197 56.6228 201.527 57.3008C201.86 57.9788 202.027 58.7724 202.027 59.6815C202.027 60.583 201.86 61.3709 201.527 62.0451C201.197 62.7193 200.735 63.244 200.141 63.619C199.55 63.994 198.86 64.1815 198.072 64.1815ZM198.072 62.9769C198.671 62.9769 199.163 62.8235 199.55 62.5167C199.936 62.2099 200.222 61.8065 200.408 61.3065C200.593 60.8065 200.686 60.2648 200.686 59.6815C200.686 59.0981 200.593 58.5546 200.408 58.0508C200.222 57.547 199.936 57.1398 199.55 56.8292C199.163 56.5186 198.671 56.3633 198.072 56.3633C197.474 56.3633 196.982 56.5186 196.595 56.8292C196.209 57.1398 195.923 57.547 195.737 58.0508C195.552 58.5546 195.459 59.0981 195.459 59.6815C195.459 60.2648 195.552 60.8065 195.737 61.3065C195.923 61.8065 196.209 62.2099 196.595 62.5167C196.982 62.8235 197.474 62.9769 198.072 62.9769Z" fill="currentColor"/>
685<path d="M192.604 55.2724V56.4087H188.081V55.2724H192.604ZM189.399 53.1815H190.74V61.4996C190.74 61.8784 190.795 62.1625 190.905 62.3519C191.018 62.5375 191.162 62.6625 191.337 62.7269C191.515 62.7875 191.702 62.8178 191.899 62.8178C192.047 62.8178 192.168 62.8103 192.263 62.7951C192.357 62.7762 192.433 62.761 192.49 62.7496L192.763 63.9542C192.672 63.9883 192.545 64.0224 192.382 64.0565C192.219 64.0943 192.013 64.1133 191.763 64.1133C191.384 64.1133 191.013 64.0318 190.649 63.869C190.289 63.7061 189.99 63.458 189.751 63.1246C189.517 62.7913 189.399 62.3709 189.399 61.8633V53.1815Z" fill="currentColor"/>
686<path d="M182.291 55.2724V56.4087H177.768V55.2724H182.291ZM179.087 53.1815H180.428V61.4996C180.428 61.8784 180.482 62.1625 180.592 62.3519C180.706 62.5375 180.85 62.6625 181.024 62.7269C181.202 62.7875 181.39 62.8178 181.587 62.8178C181.734 62.8178 181.856 62.8103 181.95 62.7951C182.045 62.7762 182.121 62.761 182.178 62.7496L182.45 63.9542C182.359 63.9883 182.232 64.0224 182.07 64.0565C181.907 64.0943 181.7 64.1133 181.45 64.1133C181.071 64.1133 180.7 64.0318 180.337 63.869C179.977 63.7061 179.678 63.458 179.439 63.1246C179.204 62.7913 179.087 62.3709 179.087 61.8633V53.1815Z" fill="currentColor"/>
687<path d="M170.477 58.7496V63.9996H169.136V55.2724H170.432V56.636H170.545C170.75 56.1928 171.061 55.8368 171.477 55.5678C171.894 55.2951 172.432 55.1587 173.091 55.1587C173.682 55.1587 174.199 55.2799 174.642 55.5224C175.085 55.761 175.43 56.1246 175.676 56.6133C175.922 57.0981 176.045 57.7118 176.045 58.4542V63.9996H174.705V58.5451C174.705 57.8595 174.527 57.3254 174.17 56.9428C173.814 56.5565 173.326 56.3633 172.705 56.3633C172.277 56.3633 171.894 56.4561 171.557 56.6417C171.223 56.8273 170.96 57.0981 170.767 57.4542C170.574 57.8103 170.477 58.2421 170.477 58.7496Z" fill="currentColor"/>
688<path d="M162.689 64.2042C162.136 64.2042 161.634 64.1 161.183 63.8917C160.732 63.6796 160.375 63.3746 160.109 62.9769C159.844 62.5754 159.712 62.0906 159.712 61.5224C159.712 61.0224 159.81 60.6171 160.007 60.3065C160.204 59.9921 160.467 59.7459 160.797 59.5678C161.126 59.3898 161.49 59.2572 161.888 59.1701C162.289 59.0792 162.693 59.0072 163.098 58.9542C163.628 58.886 164.058 58.8349 164.388 58.8008C164.721 58.7629 164.964 58.7004 165.115 58.6133C165.27 58.5262 165.348 58.3746 165.348 58.1587V58.1133C165.348 57.5527 165.195 57.1171 164.888 56.8065C164.585 56.4959 164.125 56.3406 163.507 56.3406C162.867 56.3406 162.365 56.4807 162.001 56.761C161.638 57.0413 161.382 57.3406 161.234 57.6587L159.962 57.2042C160.189 56.6739 160.492 56.261 160.871 55.9656C161.253 55.6663 161.67 55.458 162.121 55.3406C162.575 55.2193 163.022 55.1587 163.462 55.1587C163.742 55.1587 164.064 55.1928 164.428 55.261C164.795 55.3254 165.149 55.4599 165.49 55.6644C165.835 55.869 166.121 56.1777 166.348 56.5906C166.575 57.0034 166.689 57.5565 166.689 58.2496V63.9996H165.348V62.8
688178H165.28C165.189 63.0072 165.037 63.2099 164.825 63.4258C164.613 63.6417 164.331 63.8254 163.979 63.9769C163.626 64.1284 163.196 64.2042 162.689 64.2042ZM162.893 62.9996C163.424 62.9996 163.871 62.8955 164.234 62.6871C164.602 62.4788 164.878 62.2099 165.064 61.8803C165.253 61.5508 165.348 61.2042 165.348 60.8406V59.6133C165.291 59.6815 165.166 59.744 164.973 59.8008C164.784 59.8538 164.564 59.9012 164.314 59.9428C164.068 59.9807 163.827 60.0148 163.592 60.0451C163.361 60.0716 163.174 60.0943 163.03 60.1133C162.681 60.1587 162.356 60.2326 162.053 60.3349C161.753 60.4334 161.511 60.583 161.325 60.7837C161.143 60.9807 161.053 61.2496 161.053 61.5906C161.053 62.0565 161.225 62.4087 161.57 62.6474C161.918 62.8822 162.359 62.9996 162.893 62.9996Z" fill="currentColor"/>
689<path d="M149.098 63.9996L146.439 55.2724H147.848L149.734 61.9542H149.825L151.689 55.2724H153.121L154.962 61.9315H155.053L156.939 55.2724H158.348L155.689 63.9996H154.371L152.462 57.2951H152.325L150.416 63.9996H149.098Z" fill="currentColor"/>
690<path d="M138.824 60.4315V55.2724H140.165V63.9996H138.824V62.5224H138.733C138.528 62.9656 138.21 63.3425 137.778 63.6531C137.347 63.9599 136.801 64.1133 136.142 64.1133C135.597 64.1133 135.112 63.994 134.688 63.7553C134.263 63.5129 133.93 63.1493 133.688 62.6644C133.445 62.1758 133.324 61.5603 133.324 60.8178V55.2724H134.665V60.7269C134.665 61.3633 134.843 61.8709 135.199 62.2496C135.559 62.6284 136.017 62.8178 136.574 62.8178C136.907 62.8178 137.246 62.7326 137.591 62.5621C137.939 62.3917 138.231 62.1303 138.466 61.7781C138.705 61.4258 138.824 60.9769 138.824 60.4315Z" fill="currentColor"/>
691<path d="M127.322 64.1815C126.535 64.1815 125.843 63.994 125.249 63.619C124.658 63.244 124.196 62.7193 123.862 62.0451C123.533 61.3709 123.368 60.583 123.368 59.6815C123.368 58.7724 123.533 57.9788 123.862 57.3008C124.196 56.6228 124.658 56.0962 125.249 55.7212C125.843 55.3462 126.535 55.1587 127.322 55.1587C128.11 55.1587 128.8 55.3462 129.391 55.7212C129.985 56.0962 130.447 56.6228 130.777 57.3008C131.11 57.9788 131.277 58.7724 131.277 59.6815C131.277 60.583 131.11 61.3709 130.777 62.0451C130.447 62.7193 129.985 63.244 129.391 63.619C128.8 63.994 128.11 64.1815 127.322 64.1815ZM127.322 62.9769C127.921 62.9769 128.413 62.8235 128.8 62.5167C129.186 62.2099 129.472 61.8065 129.658 61.3065C129.843 60.8065 129.936 60.2648 129.936 59.6815C129.936 59.0981 129.843 58.5546 129.658 58.0508C129.472 57.547 129.186 57.1398 128.8 56.8292C128.413 56.5186 127.921 56.3633 127.322 56.3633C126.724 56.3633 126.232 56.5186 125.845 56.8292C125.459 57.1398 125.173 57.547 124.987 58.0508C124.802 58.5546 124.709 59.0981 124.709 59.6815C124.709 60.2648 124.802 60.8065 124.987 61.3065C125.173 61.8065 125.459 62.2099 125.845 62.5167C126.232 62.8235 126.724 62.9769 127.322 62.9769Z" fill="currentColor"/>
692<path d="M116.047 67.2724C115.82 67.2724 115.617 67.2534 115.439 67.2156C115.261 67.1815 115.138 67.1474 115.07 67.1133L115.411 65.9315C115.736 66.0148 116.024 66.0451 116.274 66.0224C116.524 65.9996 116.746 65.8879 116.939 65.6871C117.136 65.4902 117.316 65.1701 117.479 64.7269L117.729 64.0451L114.501 55.2724H115.956L118.365 62.2269H118.456L120.865 55.2724H122.32L118.615 65.2724C118.448 65.7231 118.242 66.0962 117.996 66.3917C117.75 66.6909 117.464 66.9125 117.138 67.0565C116.816 67.2004 116.452 67.2724 116.047 67.2724Z" fill="currentColor"/>
693<path d="M104.682 64.1815C103.894 64.1815 103.203 63.994 102.608 63.619C102.017 63.244 101.555 62.7193 101.222 62.0451C100.892 61.3709 100.727 60.583 100.727 59.6815C100.727 58.7724 100.892 57.9788 101.222 57.3008C101.555 56.6228 102.017 56.0962 102.608 55.7212C103.203 55.3462 103.894 55.1587 104.682 55.1587C105.47 55.1587 106.159 55.3462 106.75 55.7212C107.345 56.0962 107.807 56.6228 108.136 57.3008C108.47 57.9788 108.636 58.7724 108.636 59.6815C108.636 60.583 108.47 61.3709 108.136 62.0451C107.807 62.7193 107.345 63.244 106.75 63.619C106.159 63.994 105.47 64.1815 104.682 64.1815ZM104.682 62.9769C105.28 62.9769 105.773 62.8235 106.159 62.5167C106.545 62.2099 106.831 61.8065 107.017 61.3065C107.203 60.8065 107.295 60.2648 107.295 59.6815C107.295 59.0981 107.203 58.5546 107.017 58.0508C106.831 57.547 106.545 57.1398 106.159 56.8292C105.773 56.5186 105.28 56.3633 104.682 56.3633C104.083 56.3633 103.591 56.5186 103.205 56.8292C102.818 57.1398 102.532 57.547 102.347 58.0508C102.161 58.5546 102.068 59.0981 102.068 59.6815C102.068 60.2648 102.161 60.8065 102.347 61.3065C102.532 61.8065 102.818 62.2099 103.205 62.5167C103.591 62.8235 104.083 62.9769 104.682 62.9769Z" fill="currentColor"/>
694<path d="M94.4943 64.1815C93.767 64.1815 93.125 63.9978 92.5682 63.6303C92.0114 63.2591 91.5758 62.7364 91.2614 62.0621C90.947 61.3841 90.7898 60.583 90.7898 59.6587C90.7898 58.7421 90.947 57.9466 91.2614 57.2724C91.5758 56.5981 92.0133 56.0773 92.5739 55.7099C93.1345 55.3424 93.7822 55.1587 94.517 55.1587C95.0852 55.1587 95.5341 55.2534 95.8636 55.4428C96.197 55.6284 96.4508 55.8406 96.625 56.0792C96.803 56.314 96.9413 56.5072 97.0398 56.6587H97.1534V52.3633H98.4943V63.9996H97.1989V62.6587H97.0398C96.9413 62.8178 96.8011 63.0186 96.6193 63.261C96.4375 63.4996 96.178 63.7137 95.8409 63.9031C95.5038 64.0887 95.0549 64.1815 94.4943 64.1815ZM94.6761 62.9769C95.214 62.9769 95.6686 62.8368 96.0398 62.5565C96.411 62.2724 96.6932 61.8803 96.8864 61.3803C97.0795 60.8765 97.1761 60.2951 97.1761 59.636C97.1761 58.9845 97.0814 58.4144 96.892 57.9258C96.7027 57.4334 96.4223 57.0508 96.0511 56.7781C95.6799 56.5015 95.2216 56.3633 94.6761 56.3633C94.108 56.3633 93.6345 56.5091 93.2557 56.8008C92.8807 57.0887 92.5985 57.4807 92.4091 57.9769C92.2235 58.4693 92.1307 59.0224 92.1307 59.636C92.1307 60.2572 92.2254 60.8216 92.4148 61.3292C92.608 61.833 92.892 62.2345 93.267 62.5337C93.6458 62.8292 94.1155 62.9769 94.6761 62.9769Z" fill="currentColor"/>
695<path d="M84.6818 55.2724V56.4087H80.1591V55.2724H84.6818ZM81.4773 53.1815H82.8182V61.4996C82.8182 61.8784 82.8731 62.1625 82.983 62.3519C83.0966 62.5375 83.2405 62.6625 83.4148 62.7269C83.5928 62.7875 83.7803 62.8178 83.9773 62.8178C84.125 62.8178 84.2462 62.8103 84.3409 62.7951C84.4356 62.7762 84.5114 62.761 84.5682 62.7496L84.8409 63.9542C84.75 63.9883 84.6231 64.0224 84.4602 64.0565C84.2973 64.0943 84.0909 64.1133 83.8409 64.1133C83.4621 64.1133 83.0909 64.0318 82.7273 63.869C82.3674 63.7061 82.0682 63.458 81.8295 63.1246C81.5947 62.7913 81.4773 62.3709 81.4773 61.8633V53.1815Z" fill="currentColor"/>
696<path d="M74.4389 64.2042C73.8859 64.2042 73.384 64.1 72.9332 63.8917C72.4825 63.6796 72.1245 63.3746 71.8594 62.9769C71.5942 62.5754 71.4617 62.0906 71.4617 61.5224C71.4617 61.0224 71.5601 60.6171 71.7571 60.3065C71.9541 59.9921 72.2173 59.7459 72.5469 59.5678C72.8764 59.3898 73.2401 59.2572 73.6378 59.1701C74.0393 59.0792 74.4427 59.0072 74.848 58.9542C75.3783 58.886 75.8082 58.8349 76.1378 58.8008C76.4711 58.7629 76.7135 58.7004 76.8651 58.6133C77.0204 58.5262 77.098 58.3746 77.098 58.1587V58.1133C77.098 57.5527 76.9446 57.1171 76.6378 56.8065C76.3348 56.4959 75.8745 56.3406 75.2571 56.3406C74.617 56.3406 74.1151 56.4807 73.7514 56.761C73.3878 57.0413 73.1321 57.3406 72.9844 5
6967.6587L71.7117 57.2042C71.9389 56.6739 72.242 56.261 72.6207 55.9656C73.0033 55.6663 73.42 55.458 73.8707 55.3406C74.3253 55.2193 74.7723 55.1587 75.2117 55.1587C75.492 55.1587 75.8139 55.1928 76.1776 55.261C76.545 55.3254 76.8992 55.4599 77.2401 55.6644C77.5848 55.869 77.8707 56.1777 78.098 56.5906C78.3253 57.0034 78.4389 57.5565 78.4389 58.2496V63.9996H77.098V62.8178H77.0298C76.9389 63.0072 76.7874 63.2099 76.5753 63.4258C76.3632 63.6417 76.081 63.8254 75.7287 63.9769C75.3764 64.1284 74.9465 64.2042 74.4389 64.2042ZM74.6435 62.9996C75.1738 62.9996 75.6207 62.8955 75.9844 62.6871C76.3518 62.4788 76.6283 62.2099 76.8139 61.8803C77.0033 61.5508 77.098 61.2042 77.098 60.8406V59.6133C77.0412 59.6815 76.9162 59.744 76.723 59.8008C76.5336 59.8538 76.3139 59.9012 76.0639 59.9428C75.8177 59.9807 75.5772 60.0148 75.3423 60.0451C75.1113 60.0716 74.9238 60.0943 74.7798 60.1133C74.4313 60.1587 74.1056 60.2326 73.8026 60.3349C73.5033 60.4334 73.2609 60.583 73.0753 60.7837C72.8935 60.9807 72.8026 61.2496 72.8026 61.5906C72.8026 62.0565 72.9749 62.4087 73.3196 62.6474C73.6681 62.8822 74.1094 62.9996 74.6435 62.9996Z" fill="currentColor"/>
697<path d="M63.7585 58.7496V63.9996H62.4176V52.3633H63.7585V56.636H63.8722C64.0767 56.1853 64.3835 55.8273 64.7926 55.5621C65.2055 55.2932 65.7547 55.1587 66.4403 55.1587C67.035 55.1587 67.5559 55.2781 68.0028 55.5167C68.4498 55.7515 68.7964 56.1133 69.0426 56.6019C69.2926 57.0868 69.4176 57.7042 69.4176 58.4542V63.9996H68.0767V58.5451C68.0767 57.8519 67.8968 57.3159 67.5369 56.9371C67.1809 56.5546 66.6866 56.3633 66.054 56.3633C65.6146 56.3633 65.2206 56.4561 64.8722 56.
6976417C64.5275 56.8273 64.2547 57.0981 64.054 57.4542C63.857 57.8103 63.7585 58.2421 63.7585 58.7496Z" fill="currentColor"/>
698<path d="M49.5256 63.9996L46.3438 52.3633H47.7756L50.2074 61.8406H50.321L52.7983 52.3633H54.3892L56.8665 61.8406H56.9801L59.4119 52.3633H60.8438L57.6619 63.9996H56.2074L53.6392 54.7269H53.5483L50.9801 63.9996H49.5256Z" fill="currentColor"/>
699<path d="M63.63 89.083L56.117 96.596C54.4085 98.3045 51.6384 98.3045 49.9298 96.596C48.2213 94.8874 48.2213 92.1173 49.9298 90.4088L57.4429 82.8958C58.5819 81.7567 60.4286 81.7567 61.5676 82.8958C62.7067 84.0348 62.7067 85.8815 61.5676 87.0206L54.3493 94.2389C53.7797 94.8085 52.8564 94.8085 52.2869 94.2389C51.7174 93.6694 51.7174 92.7461 52.2869 92.1766L58.6214 85.8421" stroke="black" stroke-opacity="0.14" stroke-linecap="round" stroke-linejoin="round"/>
700<path d="M75.7513 98.3332V94.1665M75.7513 85.8332V81.6665M73.668 83.7498H77.8346M73.668 96.2498H77.8346M82.8346 82.4998L81.3895 86.2572C81.1545 86.8682 81.037 87.1738 80.8542 87.4307C80.6923 87.6585 80.4933 87.8575 80.2655 88.0194C80.0086 88.2022 79.703 88.3197 79.092 88.5547L75.3346 89.9998L79.092 91.445C79.703 91.68 80.0086 91.7975 80.2655 91.9802C80.4933 92.1422 80.6923 92.3412 80.8542 92.5689C81.037 92.8259 81.1545 93.1314 81.3895 93.7425L82.8346 97.4998L84.2798 93.7425C84.5148 93.1314 84.6323 92.8259 84.815 92.5689C84.977 92.3412 85.176 92.1422 85.4037 91.9802C85.6607 91.7975 85.9662 91.68 86.5773 91.445L90.3346 89.9998L86.5772 88.5547C85.9662 88.3197 85.6607 88.2022 85.4037 88.0194C85.176 87.8575 84.977 87.6585 84.815 87.4307C84.6323 87.1738 84.5148 86.8682 84.2798 86.2572L82.8346 82.4998Z" stroke="black" stroke-opacity="0.14" stroke-linecap="round" stroke-linejoin="round"/>
701</g>
702<defs>
703<clipPath id="clip0_2029_240222">
704<rect width="200" height="152" fill="white"/>
705</clipPath>
706</defs>
707</svg></div></a><a id="w-node-a818b610-058a-128e-39d2-1945d1dc82d8-d1dc82a1" href="/react/docs/installation" class="tech-stack-card_component is-large w-inline-block"><div class="margin-bottom margin-xlarge"><div class="icon-featured_component"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb1097227761a263ae8fd_modern-performance.webp" loading="lazy" width="360" height="360" alt="Illustration" class="icon-featured_inner"/></div></div><div><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">Modern performance + updates</h3></div><div class="margin-bottom margin-small"><div class="text-size-medium text-balance">Modern performance without annoying lock-ins. You own the code so you can build and extend without relying on third-party maintainers.</div></div><div class="button-row"><div class="button-wrapper"><div class="button-link-gray"><div>Get started</div><img width="20" height="20" alt="Chevron right icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68216360201a0eea0f60026a_80fd6e075b3fe3b0fd278edf42947441_chevron-right.svg" loading="lazy" class="button-icon-right"/></div></div></div></div><div class="tech-stack-card_illustration w-embed"><svg width="100%" height="100%" viewBox="0 0 200 152" fill="none" xmlns="http://www.w3.org/2000/svg">
708<rect x="60.5" y="16.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
709<rect x="60.5" y="118.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
710<rect x="172.5" y="16.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
711<rect x="172.5" y="118.5" width="11" height="11" stroke="black" stroke-opacity="0.14"/>
712<line x1="72" y1="21.5" x2="172" y2="21.5" stroke="black" stroke-opacity="0.14"/>
713<line x1="72" y1="124.5" x2="172" y2="124.5" stroke="black" stroke-opacity="0.14"/>
714<line x1="65.5" y1="28" x2="65.5" y2="118" stroke="black" stroke-opacity="0.14"/>
715<line x1="178.5" y1="28" x2="178.5" y2="118" stroke="black" stroke-opacity="0.14"/>
716<g clip-path="url(#clip0_2029_240402)">
717<path d="M122.022 81.2058C126.554 81.2058 130.229 77.5317 130.229 72.9996C130.229 68.4674 126.554 64.7934 122.022 64.7934C117.49 64.7934 113.816 68.4674 113.816 72.9996C113.816 77.5317 117.49 81.2058 122.022 81.2058Z" stroke="currentColor" stroke-width="1.02395" stroke-linejoin="round"/>
718<path d="M122.033 89.8123C146.352 89.8123 166.067 82.285 166.067 72.9996C166.067 63.7142 146.352 56.1869 122.033 56.1869C97.7144 56.1869 78 63.7142 78 72.9996C78 82.285 97.7144 89.8123 122.033 89.8123Z" stroke="currentColor" stroke-width="1.02395" stroke-linejoin="round"/>
719<path d="M107.466 81.4066C119.626 102.467 136.002 115.777 144.043 111.134C152.085 106.491 148.746 85.6547 136.587 64.5939C124.427 43.533 108.051 30.2236 100.01 34.8663C91.9685 39.509 95.3069 60.3458 107.466 81.4066Z" stroke="currentColor" stroke-width="1.02395" stroke-linejoin="round"/>
720<path d="M107.475 64.5948C95.3153 85.6556 91.977 106.492 100.018 111.135C108.06 115.778 124.436 102.468 136.595 81.4075C148.755 60.3467 152.093 39.5099 144.052 34.8672C136.01 30.2245 119.634 43.534 107.475 64.5948Z" stroke="currentColor" stroke-width="1.02395" stroke-linejoin="round"/>
721</g>
722<defs>
723<clipPath id="clip0_2029_240402">
724<rect width="90" height="80" fill="white" transform="translate(77 33)"/>
725</clipPath>
726</defs>
727</svg></div></a><div id="w-node-a818b610-058a-128e-39d2-1945d1dc82ea-d1dc82a1" class="content-divider_component"><div class="divider"></div><h2 class="text-size-small text-weight-normal text-color-gray500">Untitled UI React is built with</h2><div class="divider"></div></div><a rel="nofollow" id="w-node-a818b610-058a-128e-39d2-1945d1dc82ef-d1dc82a1" href="https://react.dev/blog/2025/10/01/react-19-2" target="_blank" class="tech-stack-card_component w-inline-block"><div class="margin-bottom margin-large"><img width="22" height="20" alt="React logo" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6825448afa8e01879de76e95_react.svg" loading="lazy" class="tech-stack-card_logo"/></div><div><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">React</h3></div><div>v19.2</div></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab5f36dc1323f910f2168_13301ca2ab890fab2eeeed5e714c9934_arrow-up-right.svg" loading="lazy" width="16" height="16" alt="Arrow up right" class="tech-stack-card_icon"/></a><a rel="nofollow" id="w-node-a818b610-058a-128e-39d2-1945d1dc82f9-d1dc82a1" href="https://tailwindcss.com/blog" target="_blank" class="tech-stack-card_component w-inline-block"><div class="margin-bottom margin-large"><img width="103" height="20" alt="Tailwind logo" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6825448a04cb73592f9c5882_tailwind-css.svg" loading="lazy" class="tech-stack-card_logo"/></div><div><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">Tailwind CSS</h3></div><div>v4.3</div></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab5f36dc1323f910f2168_13301ca2ab890fab2eeeed5e714c9934_arrow-up-right.svg" loading="lazy" width="16" height="16" alt="Arrow up right" class="tech-stack-card_icon"/></a><a rel="nofollow" id="w-node-a818b610-058a-128e-39d2-1945d1dc8303-d1dc82a1" href="https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-9.html" target="_blank" class="tech-stack-card_component w-inline-block"><div class="margin-bottom margin-large"><img width="20" height="20" alt="TypeScript logo" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6825448a8686c2d6e5b4dc25_typescript.svg" loading="lazy" class="tech-stack-card_logo"/></div><div><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">TypeScript</h3></div><div>v5.9</div></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab5f36dc1323f910f2168_13301ca2ab890fab2eeeed5e714c9934_arrow-up-right.svg" loading="lazy" width="16" height="16" alt="Arrow up right" class="tech-stack-card_icon"/></a><a rel="nofollow" id="w-node-a818b610-058a-128e-39d2-1945d1dc830d-d1dc82a1" href="https://react-spectrum.adobe.com/react-aria/index.html" target="_blank" class="tech-stack-card_component w-inline-block"><div class="margin-bottom margin-large"><img width="91" height="20" alt="Rect Aria logo" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6825448a8a86428180d62495_f4a121af9d20eb6f5d02ab4691971092_react-aria.svg" loading="lazy" class="tech-stack-card_logo"/></div><div><div class="margin-bottom margin-tiny"><h3 class="text-size-medium">React Aria</h3></div><div>React Spectrum components.</div></div>
727<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab5f36dc1323f910f2168_13301ca2ab890fab2eeeed5e714c9934_arrow-up-right.svg" loading="lazy" width="16" height="16" alt="Arrow up right" class="tech-stack-card_icon"/></a></div><div class="margin-top margin-xlarge"><div class="button-row button-row-center is-reverse-mobile-portrait"><div class="button-wrapper max-width-full-mobile-portrait"><a href="/react/docs/introduction" class="button-secondary w-inline-block"><img width="20" height="20" alt="Documentation icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/682145ff23c440bb824d79e7_be2a1c152b6de9cea4a4a4381ec65a56_book-open-01.svg" loading="lazy" class="button-icon"/><div>Documentation</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/react" class="button w-inline-block"><div>Untitled UI React</div><div class="button-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
728<path d="M9 18L15 12L9 6" stroke="white" stroke-opacity="0.4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
729</svg></div></a></div></div></div></div></div></div></section><section class="section_figma-mockup is-section-contrast"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-medium-medium-large align-center"><div class="margin-bottom margin-medium"><div class="button-row button-row-center"><div class="icon-tech_component"><div class="icon-tech_inner"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681c7ee6004c7fd1a65309df_f41f5f6bdc4792aae76a44daf949cb27_figma-icon-featured.svg" loading="lazy" width="22" height="32" alt="Figma icon" class="icon-tech_icon"/></div></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">Untitled UI Icons</div></div><div class="margin-bottom margin-xsmall"><h2 class="heading-medium text-balance">The ultimate icon library for Figma and React</h2></div><div class="text-size-xlarge">Untitled UI Icons are a clean, consistent, and neutral icon library crafted specifically for modern UI design. Made for Figma, in Figma.<br/></div></div></div></div><div data-w-id="b845212b-915a-9d87-7253-04b6ac4f0e56"><div class="figma-mockup_component"><div class="figma-mockup_wrapper"><div class="user-pointer-01_component hide-mobile-landscape"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a77cfa36178250b2a10_user-olivia-rhye.svg" loading="lazy" width="114" height="53" alt="Figma user" class="user-pointer-01_pointer"/></div><div class="user-pointer-02_component hide-mobile-landscape"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364b72e0bb3721e07554622_user-phoenix-baker.svg" loading="lazy" width="137" height="53" alt="Figma user" class="user-pointer-02_pointer"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce933195a01e93f775aa4_corner-smoothing.webp" loading="lazy" alt="Figma stroke panel" height="92" width="240" data-w-id="ca221ea3-f6b8-30ce-2268-5fa934dd00a5" class="figma-mockup_corner-smoothing shadow-xxlarge-drop"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670cea416f67b67b71ab83e1_stroke.webp" loading="lazy" alt="Figma stroke panel" height="264" width="240" data-w-id="ca221ea3-f6b8-30ce-2268-5fa934dd00a6" class="figma-mockup_properties shadow-xxlarge-drop"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670cea41248c9e0a8bbcc56c_c0e5a43a91edf6cdcd2a22cd0f15329e_export.webp" loading="lazy" alt="Figma export panel" height="358" width="240" data-w-id="ca221ea3-f6b8-30ce-2268-5fa934dd00a7" class="figma-mockup_figma-component shadow-xxlarge-drop"/><img class="figma-mockup_assets shadow-xxlarge-drop" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ceae1f1d3a93f228862f8_assets.webp" width="278" height="672" alt="Figma assets panel" sizes="(max-width: 479px) 100vw, 278px" data-w-id="ca221ea3-f6b8-30ce-2268-5fa934dd00a8" loading="lazy" srcset="https://cdn.prod.website-files.com/63649
7296d3f0ebfdaba9784655/670ceae1f1d3a93f228862f8_assets-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ceae1f1d3a93f228862f8_assets.webp 556w"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce8c5dde6e6743066aaa9_figma-mockup-frame.webp" loading="lazy" alt="Figma mockup" height="1080" width="1512" class="figma-mockup_frame"/><div class="figma-mockup_frame-wrapper"><img class="figma-mockup_frame-inner" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames.webp" width="1636" height="750" alt="Figma mockup" sizes="(max-width: 1919px) 100vw, 1636px" loading="lazy" fetchpriority="high" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames-p-800.webp 800w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames-p-1080.webp 1080w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames-p-1600.webp 1600w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames-p-2000.webp 2000w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames-p-2600.webp 2600w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames-p-3200.webp 3200w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670ce2e9264a6ede9a635f86_306e7b6ccf3fccdaf1f4e035fb8966d5_icon-frames.webp 3272w"/></div></div></div></div><div class="margin-top margin-xlarge"><div class="button-row button-row-center is-reverse-mobile-portrait"><div class="button-wrapper max-width-full-mobile-portrait"><a href="/free-icons" class="button-secondary w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb33bb7e47ac344440580_download-icon.svg" loading="lazy" width="20" height="20" alt="Download icon" class="button-icon"/><div>Free icons</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/preview/icons" target="_blank" class="button-secondary w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" width="16" height="20" alt="Figma icon" class="button-icon is-figma-icon"/><div>Preview in Figma</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/figma" class="button w-inline-block"><div>Untitled UI Icons</div><div class="button-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
730<path d="M9 18L15 12L9 6" stroke="white" stroke-opacity="0.4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
731</svg></div></a></div></div></div></div></div></div></section><section class="section_pricing"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-medium-large align-center"><div class="margin-bottom margin-xxsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">Pricing</div></div><div class="margin-bottom margin-xsmall"><h2 class="heading-medium">Simple, transparent pricing</h2></div><div class="text-size-xlarge">Pay once, use forever in unlimited projects. Get lifetime access to Untitled UI today, <span class="text-weight-semibold text-color-primary700">plus</span> any updates we release.</div></div></div></div><div class="w-layout-grid pricing_component"><div class="pricing_card"><a href="/figma" class="pricing_card-body w-inline-block"><div><div class="pricing-card_price-wrapper"><div class="pricing-card_price-symbol">$</div><div class="pricing-card_price-number">129</div><div class="pricing-card_price-callout">$149</div><div class="icon-featured_component is-pricing-cards"><div class="icon-featured_inner is-background-black"><img width="22" height="32" alt="Figma icon" src="https://cdn.prod.website-files.com/63649
7316d3f0ebfdaba9784655/681c7ee6004c7fd1a65309df_f41f5f6bdc4792aae76a44daf949cb27_figma-icon-featured.svg" loading="lazy" class="icon-tech_icon"/></div></div></div><div class="margin-bottom margin-tiny"><h3 class="text-size-xlarge">Untitled UI Figma</h3></div><div class="text-balance">From $129 for a single-user license.</div><ul role="list" class="pricing-card_list w-list-unstyled"><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Figma variables</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Advanced color, spacing and radius variables.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Dark mode variables</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Switch designs to dark mode with one click.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Component properties</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Updated with the latest Figma features.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Interactive components</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Hover + click interactions for faster prototyping.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Auto Layout 5.0</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Auto Layout 5.0 wrapping and min/max widths.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">10k+ components + variants</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/63649
7316d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Component property features + best practices.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="text-size-large">900+ global styles</div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">420+ page examples</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Practical + useful website and dashboard examples.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="text-size-large">2,000+ icons and logos</div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Use in unlimited projects</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Use this UI kit in as many projects as you like.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Free lifetime updates</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>We&#x27;
731ll let you know when we release future updates.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Includes <span class="text-weight-semibold text-color-primary700">PRO LITE</span></div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>A lightweight version of the full <span class="text-weight-semibold">PRO STYLES</span> kit.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Includes <span class="text-weight-semibold text-color-primary700">PRO STYLES</span></div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>A non-variables version of the <span class="text-weight-semibold">PRO VARIABLES</span> kit.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Includes <span class="text-weight-semibold text-color-primary700">PRO VARIABLES</span></div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Advanced color, spacing and radius variables.</div></div></div></div></div></li></ul></div></a><div class="pricing_card-footer"><div class="button-row is-pricing-cards"><div class="button-wrapper"><a href="/buy/figma" target="_blank" class="button w-inline-block"><div>Buy now</div></a></div><div class="button-wrapper"><a href="/preview/figma" target="_blank" class="button-secondary w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" width="16" height="20" alt="Figma icon" class="button-icon is-figma-icon"/><div>Preview in Figma</div></a></div><a href="/download/figma" target="_blank" class="button-secondary w-inline-block"><img width="20" height="20" alt="Download icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb33bb7e47ac344440580_download-icon.svg" loading="lazy" class="button-icon"/><div>Free Figma UI kit</div></a></div></div></div><div class="pricing_card"><a href="/react" class="pricing_card-body w-inline-block"><div><div class="pricing-card_price-wrapper"><div class="pricing-card_price-symbol">$</div><div class="pricing-card_price-number">349</div><div class="pricing-card_price-callout">$499</div><div class="icon-featured_component is-pricing-cards"><div class="icon-featured_inner is-background-black"><img width="36" height="32" alt="React icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681c7ee51dc75022cc97a838_357a236386dc07ee2fd764fe2f7cb7ca_react-icon-featured.svg" loading="eager" class="icon-tech_icon"/></div></div></div><div class="margin-bottom margin-tiny"><h3 class="text-size-xlarge">Untitled UI React</h3></div><div class="text-balance">From $349 for a single-user license.</div><ul role="list" class="pricing-card_list w-list-unstyled"><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/63649
7316d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Open-source components</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Pixel-perfect and 100% free React UI components.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Installation via CLI</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Add components effortlessly with our CLI.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Framework starter kits</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Launch faster with pre-configured starter kits.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">One-click Bolt.new integration</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Prompt, build and deploy effortlessly with Bolt.new.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Built with React Aria</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Best-in-class WAI-ARIA accessibility standards.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Styled with Tailwind CSS v4.3</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>The latest Tailwind CSS version + performance.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/63649
7316d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Dark mode CSS variables</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Easy dark mode support with CSS variables.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="text-size-large">2,000+ icons and logos</div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Untitled UI Icons npm</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Access free Untitled UI Icons via our npm.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Use in unlimited projects</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Use this React library in as many projects as you like.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Free lifetime updates</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>We&#x27;
731ll let you know when we release future updates.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">5k+ components + sections</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Pixel-perfect, production-ready components.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">250+ page examples</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Practical + useful website and dashboard examples.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Synced with <span class="text-weight-semibold text-color-primary700">Untitled UI Figma</span></div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Keep design and code in sync with updates forever.</div></div></div></div></div></li></ul></div></a><div class="pricing_card-footer"><div class="button-row is-pricing-cards"><div class="button-wrapper"><a href="/buy/react" target="_blank" class="button w-inline-block"><div>Buy now</div></a></div><div class="button-wrapper"><a href="/react/docs/introduction" class="button-secondary w-inline-block"><img width="20" height="20" alt="Documentation icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/682145ff23c440bb824d79e7_be2a1c152b6de9cea4a4a4381ec65a56_book-open-01.svg" loading="lazy" class="button-icon"/><div>Documentation</div></a></div><a href="/react/components" target="_blank" class="button-secondary w-inline-block"><img width="20" height="20" alt="Download icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb33bb7e47ac344440580_download-icon.svg" loading="lazy" class="button-icon"/><div>Free components</div></a></div></div></div><div class="pricing_card"><a href="/icons" class="pricing_card-body w-inline-block"><div><div class="pricing-card_price-wrapper"><div class="pricing-card_price-symbol">$</div><div class="pricing-card_price-number">59</div><div class="pricing-card_price-callout">$79</div><div class="icon-featured_component is-pricing-cards"><div class="icon-featured_inner is-background-black"><img width="22" height="32" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681c7ee6004c7fd1a65309df_f41f5f6bdc4792aae76a44daf949cb27_figma-icon-featured.svg" loading="lazy" class="icon-tech_icon"/></div></div></div><div class="margin-bottom margin-tiny"><h3 class="text-size-xlarge">Untitled UI Icons</h3></div><div class="text-balance">From $59 for a single-user license.</div><ul role="list" class="pricing-card_list w-list-unstyled"><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/63649
7316d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Single user license</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Free to use in commercial projects for one user.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">SVG library included</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Icon SVGs exported into neatly organized folders.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">IconJar library included</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Neatly organized IconJar library (19 categories).</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Private npm included</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Instantly access icons though a private npm.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Editable master icons</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Master icons with separate layers and live corners.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Duocolor icon library</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>1,100+ interesting and unique duocolor icons.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/63649
7316d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Duotone icon library</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>1,100+ professional and modern duotone icons.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Solid icon library</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>1,100+ professional and high contrast solid icons.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Line icon library</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>1,100+ professionally-crafted default line icons.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">4,600+ icons and growing</div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Made for modern UI design</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Clean, consistent, and neutral for any project.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Optimized SVG exports</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Clean, optimized, and production-ready SVGs.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Use in unlimited projects</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/63649
7316d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>Use this icon library in as many projects as you like.</div></div></div></div></div></li><li><div class="content_item"><img width="24" height="24" alt="Check circle icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6827e09a4db16a904c59e105_check-circle.svg" loading="lazy" class="pricing-card_list-icon"/><div class="item-text-wrapper"><div class="text-size-large">Free lifetime updates</div><div class="tooltip_component"><div class="tooltip_circle"><img width="18" height="18" alt="Help icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb185fd7ec1d523ad9c39_help-icon.svg" loading="lazy" class="tooltip_icon"/></div><div class="tooltip_icon-message"><div>We&#x27;ll let you know when we release future updates.</div></div></div></div></div></li></ul></div></a><div class="pricing_card-footer"><div class="button-row is-pricing-cards"><div class="button-wrapper"><a href="/buy/icons" target="_blank" class="button w-inline-block"><div>Buy now</div></a></div><div class="button-wrapper"><a href="/preview/icons" target="_blank" class="button-secondary w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" width="16" height="20" alt="Figma icon" class="button-icon is-figma-icon"/><div>Preview in Figma</div></a></div><a href="/free-icons" class="button-secondary w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abb33bb7e47ac344440580_download-icon.svg" loading="lazy" width="20" height="20" alt="Download icon" class="button-icon"/><div>Free icons</div></a></div></div></div></div><div class="margin-top margin-medium"><div class="content-divider_component"><div class="divider"></div><a href="/pricing" class="text-size-medium text-style-link">View all pricing</a><div class="divider"></div></div></div></div></div></div></section><section id="testimonials" class="section_testimonials"><div class="page-padding"><div class="container-large"><div class="padding-bottom padding-xhuge"><div data-delay="4000" data-animation="outin" class="testimonials_component w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="6" data-duration="500" data-infinite="true"><div class="testimonials_mask w-slider-mask"><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">Untitled UI is the best $ I&#x27;ve spent on my business in a long time. I&#x27;m going to keep using it and recommending it to every designer I know.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b67c1cdb4eb3114630234_sam-pierce-lolla.webp" loading="lazy" width="200" height="200" alt="Sam Pierce Lolla" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Sam Pierce Lolla</div><div class="text-size-medium">Founder, <a href="https://getshuffleboard.com/" target="_blank" class="text-style-link">Shuffleboard</a></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/>
731<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">Over the years we&#x27;ve featured hundreds of UI kits on UXCrush, but Untitled UI is by far the most comprehensive and detailed I&#x27;ve seen yet. A must have for any designer!</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/64784ba539c2d4a9f8b551e7_luca-vavassori.webp" loading="lazy" width="200" height="200" alt="Luca Vavassori" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Luca Vavassori</div><div class="text-size-medium">Founder, <a href="https://www.uxcrush.com/" target="_blank" class="text-style-link">UXCrush</a></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">I&#x27;ve used all UI kits on the market. I can say without a doubt that the Untitled UI kit is the best on the market. It covers everything a designer needs in a modern and efficient way.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/64da5a89c06e4f6ebe6282c4_mural-alpay.webp" loading="lazy" width="200" height="200" alt="Murat Alpay" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Murat Alpay</div><div class="text-size-medium">Product Designer, <a href="https://twitter.com/imuratalpay" target="_blank" class="text-style-link">@imuratalpay</a></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/>
731<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">Incredible, and keeps getting better. I’ve tried dozens of UI kits and Untitled UI is the only name you should care about. It stands head and shoulders above the rest.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/66ab3df946f9b4af0fda578e_jeremy-franck.webp" loading="lazy" width="200" height="200" alt="Jérémy Franck" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Jérémy Franck</div><div class="text-size-medium">Designer, <a href="https://jrmyfranck.com/"><span class="text-style-link">@jrmyfranck</span></a><br/></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">Such a beautiful, detailed, and extensive UI kit. Untitled UI is the perfect foundation for any project. I highly recommend this huge time saver.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/638d67e8815876fac3f069bb_adham-dannaway.webp" loading="lazy" width="200" height="200" alt="Adham Dannaway" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Adham Dannaway</div><div class="text-size-medium">Product Designer, <a href="https://www.practical-ui.com/" target="_blank" class="text-style-link">Practical UI</a><br/></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/>
731<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">Untitled UI has been an amazing resource that I&#x27;m learning to rely upon to spin up ideas in no time. I think I might launch a startup pretty soon by mistake here!</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b67bff698e171b3fb5636_riccardo-buzzotta.webp" loading="lazy" width="200" height="200" alt="Ricardo Buzzotta" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Riccardo Buzzotta</div><div class="text-size-medium">Senior Product Designer, <a href="https://www.spotify.com/" rel="nofollow" target="_blank" class="text-style-link">Spotify</a></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">The sheer scale, details, and organization of this kit is mind-blowing. It covers nearly everything a Designer could need in a modern, efficient and systematic way.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b224786713135fb3e0b697_corey-moen.webp" loading="lazy" width="200" height="200" alt="Corey Moen" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Corey Moen</div><div class="text-size-medium">Senior Brand Designer, <a href="https://www.webflow.com/" rel="nofollow" target="_blank" class="text-style-link">Webflow</a></div><div class="testimonials_stars-wrapper">
731<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">I&#x27;m super impressed with this. I love poking around in other peoples UI Kits to see how they think. This is probably one of the most comprehensive I&#x27;ve seen.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b67c0b14d5e42775e4840_matt-walker.webp" loading="lazy" width="200" height="200" alt="Matt Walker" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Matt Walker</div><div class="text-size-medium">Design Systems, <a href="https://mailchimp.com/" rel="nofollow" target="_blank" class="text-style-link">Mailchimp</a></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">I&#x27;m super excited to use this for quick mockups of ideas in Figma. We&#x27;re always trying to streamline our design process so we can move fast! Definitely recommend.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b67bfe501506a6094b041_jenny-chu.webp" loading="lazy" width="200" height="200" alt="Jenny Chu" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Jenny Chu</div><div class="text-size-medium">Head of Product, <a href="https://eucalyptus.vc/" rel="" target="_blank" class="text-style-link">Eucalyptus</a></div><div class="testimonials_stars-wrapper">
731<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">Untitled UI is easily the best UI kit I&#x27;ve used so far. It has an insane amount of components that are all incredibly well-built. I don&#x27;t even know how many hours this will save.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b6883f698e116d0fb6695_sunny-trochaniak.webp" loading="lazy" width="200" height="200" alt="Sunny Trochaniak" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Sunny Trochaniak</div><div class="text-size-medium">Founder, <a href="https://newpulselabs.com/untitled-ui-review/" target="_blank" class="text-style-link">NewPulse Labs</a></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><div class="max-width-large align-center"><h3 class="heading-medium is-testimonial text-balance">The attention to detail and thought Jordan has put into this UI kit is unparalleled.</h3></div></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b67c1e7b379e9885c7c8c_dan-mcleay.webp" loading="lazy" width="200" height="200" alt="Dan Mcleay" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Dan Mcleay</div><div class="text-size-medium">Lead Designer, <a href="https://www.foxsports.com.au/" rel="nofollow" target="_blank" class="text-style-link">Fox Sports</a></div><div class="testimonials_stars-wrapper">
731<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">Untitled UI is incredibly well-organized and the attention to detail is great. I highly recommend this kit to any designer that wants to create beautiful designs fast.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b67c1e7b379814a5c7c8b_tom-bekkers.webp" loading="lazy" width="200" height="200" alt="Tom Bekkers" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Tom Bekkers</div><div class="text-size-medium">Founder &amp; Creative Director, <a href="https://www.flowbase.co/" target="_blank" class="text-style-link">Flowbase</a></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">What an awesome Figma kit... it&#x27;s an absolute game changer. This is the perfect base for any design system. The size and attention to detail is next level.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b67bfa10ec2e484b68e60_dan-anisse.webp" loading="lazy" width="200" height="200" alt="Dan Anisse" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Dan Anisse</div><div class="text-size-medium">Co-founder, <a href="https://www.relume.io/" target="_blank" class="text-style-link">Relume</a></div><div class="testimonials_stars-wrapper">
731<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div><div class="testimonials_slide w-slide"><div class="testimonials_content"><a href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-testimonial_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><div class="margin-vertical margin-medium"><h3 class="heading-medium is-testimonial text-balance">We&#x27;ve been using Untitled to build Himalayas 2.0 and have finished a complete redesign in just a few days. It has everything we need already pixel-perfect.</h3></div><div class="testimonial_avatar-image-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636b696c8c4c6783018999b9_abi-tyas-tunggal.webp" loading="lazy" width="200" height="200" alt="Abi Tyas Tunggal" class="testimonials_avatar-image"/></div><div class="text-size-large text-weight-semibold text-color-gray900">Abi Tyas Tunggal</div><div class="text-size-medium">Co-founder, <a href="https://www.himalayas.app/" target="_blank" class="text-style-link">Himalayas</a></div><div class="testimonials_stars-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _01"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _02"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _03"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _04"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6364da4823ebf2b447db3cb8_star-icon.svg" loading="lazy" alt="Star icon" class="testimonials_stars _05"/></div></div></div></div><div class="left-arrow w-slider-arrow-left"><div class="button-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
732<path d="M16.6666 10.0002H3.33325M3.33325 10.0002L9.99992 16.6668M3.33325 10.0002L9.99992 3.3335" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
733</svg></div></div><div class="right-arrow w-slider-arrow-right"><div class="button-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
734<path d="M3.33341 10.0002H16.6667M16.6667 10.0002L10.0001 16.6668M16.6667 10.0002L10.0001 3.3335" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
735</svg></div></div><div class="testimonials_slide-nav w-slider-nav w-round"></div><div class="slide-nav-styling-embed w-embed"><style>
736/* Change color of the default dot by replacing the hex code*/
737.w-slider-dot {
738background-color: #E9EAEB;
739width: 0.625rem;
740height: 0.625rem;
741}
742
743/* Change color of the active dot by replacing the hex code*/
744.w-slider-dot.w-active {
745background-color: #6941C6;
746width: 0.625rem;
747height: 0.625rem;
748}
749</style></div></div></div></div></div></section><section class="section_faqs is-section-contrast"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-large align-center"><div class="margin-bottom margin-xxsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">FAQs</div></div><div class="margin-bottom margin-xsmall"><h2 class="heading-medium">Frequently asked questions</h2></div><div class="text-size-xlarge">Need help with something? Here are our most frequently asked questions.</div></div></div></div><div class="max-width-large align-center"><div class="show-more_wrapper"><div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper is-first"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa365bf-29c9ea42" class="badge"><div>General</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">What is Untitled UI?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Untitled UI is the world&#x27;
749s largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast.</p><p>Skip months of design and development with pixel-perfect, production-ready components and icons. Everything you need to design and develop modern and beautiful interfaces and websites:</p><ul role="list"><li><a href="/figma"><strong>Untitled UI Figma</strong></a> is the world&#x27;s largest Figma UI kit and design system. Kickstart any project, save thousands of hours, and level up your design workflow.</li><li><a href="/react"><strong>Untitled UI React</strong></a> is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.</li><li><a href="/icons"><strong>Untitled UI Icons</strong></a> are a clean, consistent, and neutral icon library crafted specifically for modern UI design. Made for Figma, in Figma.</li></ul></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Does Untitled UI include new features and updates?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes! When you purchase any Untitled UI product, you get <strong>lifetime access to all future updates</strong> for that product—free of charge. We&#x27;re always working to make Untitled UI better.</p><p><a href="/figma">Untitled UI Figma</a> is regularly updated with new features, improvements, and full support for the latest updates from Figma, including releases from <a href="https://www.figma.com/blog/what-we-launched-at-framework-2024/">Framework 2024</a>, <a href="https://www.figma.com/blog/config-2024-recap/">Config 2024</a>, and <a href="https://www.figma.com/blog/config-2025-recap/" target="_blank" rel="nofollow">Config 2025</a>.</p><p><a href="/react">Untitled UI React</a> is also continuously improved with new components, page examples, and updates aligned with the latest versions of React, Tailwind CSS, and TypeScript — ensuring modern performance and best practices.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Why are there three versions of the Figma UI kit?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>We’ve split the PRO version of <a href="/figma">Untitled UI Figma</a> into three different versions:</p><ul role="list"><li><a href="/preview/figma" target="_blank"><strong>Untitled UI Figma PRO VARIABLES:</strong></a> Supports all the latest non-beta features announced at Config 2024 and Config 2025, including color, spacing, radius, width, typography, and effects variables (including dark mode!) and Auto Layout 5.0 (min/max widths and wrapping).</li><li><a href="/preview/untitled-ui-styles" target="_blank"><strong>Untitled UI Figma PRO STYLES:</strong></a> Supports Auto Layout 5.0 (min/max widths and wrapping) but does <em>not</em> include variables for those who prefer to keep their workflow simple.</li><li><a href="/preview/untitled-ui-lite" target="_blank"><strong>Untitled UI Figma PRO LITE:</strong></a> Our lightweight version of the full Untitled UI Figma PRO STYLES kit has also been updated to support Auto Layout 5.0 (min/max widths and wrapping). It’s 55% lighter and faster and includes everything you need.</li></ul><p>All three UI kits are included for the price of one when you purchase Untitled UI Figma. You can choose which system works best for your workflow or project.</p><p>
749Designers and teams should feel empowered, not overwhelmed. If you aren’t using design tokens or variables already in your projects, it can be easy to feel overwhelmed. You don&#x27;t have to use variables in Figma if you don&#x27;t want to!</p><p>We will continue to update a non-variables version of Untitled UI Figma for the foreseeable future so you can continue to work with styles if you prefer to. It’s just as up-to-date with all the other new features.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Is dark mode supported?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Switch to dark mode with powerful and easy-to-use color variables. <a href="/preview/figma" target="_blank">Untitled UI Figma PRO VARIABLES</a> supports Figma’s latest features announced at Config 2024 and Config 2025, including color variables and dark mode. Variables allow you to switch any component, layout, or page to dark mode with one click!</p><p>You can <a href="/preview/figma" target="_blank">preview how this works</a> in Untitled UI by navigating to the example marketing website and application example pages.</p><p>Similarly, <a href="/react">Untitled UI React</a> components come with native dark mode support out-of-the-box, so there’s no need for separate styles. Dark mode styles are managed via design tokens and CSS variables, not hardcoded in components. This keeps your styles consistent and easy to maintain.</p><p>Check out our <a href="/react/docs/dark-mode">dark mode documentation</a> to learn more.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">What tech stack does Untitled UI React use?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Untitled UI React components are built with and powered by:</p><ul role="list"><li><a href="https://react.dev/blog/2025/10/01/react-19-2" target="_blank" rel="nofollow">React v19.2</a></li><li><a href="https://tailwindcss.com/blog" target="_blank" rel="nofollow">Tailwind CSS v4.3</a></li><li><a href="https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-9.html" target="_blank" rel="nofollow">TypeScript v5.9</a></li><li><a href="https://react-spectrum.adobe.com/react-aria/index.html" target="_blank" rel="nofollow">React Aria</a></li></ul><p>We’ve kept our tech stack minimal, so you can focus on building instead of wrestling with dependencies. You own the code so you can build and extend without relying on third-party maintainers.</p><p>We&#x27;re always working to make Untitled UI better than ever, including implementing new updates into our products as fast as possible. All Untitled UI products come with free updates for life.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa36644-29c9ea42" class="badge"><div>Free versions</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Are there free versions available?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes, we offer <strong>100% free versions</strong> of all Untitled UI products!</p><ul role="list"><li><a href="/figma" class="text-color-gray900"><strong>Untitled UI Figma</strong></a><strong>:</strong>
749 Try our <a href="/free-figma-ui-kit">free UI kit</a>. You can duplicate it and use it in unlimited personal or commercial projects.</li><li><a href="/react"><strong>Untitled UI React</strong></a><strong>:</strong> All <a href="/react/components">base components</a> and many more are completely free to use in your projects, including commercial projects.</li><li><a href="/icons"><strong>Untitled UI Icons:</strong></a> Browse and copy <a href="/free-icons">free Untitled UI Icons</a> directly from our site, or <a href="/download/icons">download the free Figma icon library</a> for your projects.</li></ul><p>We also offer a bunch of <a href="https://www.figma.com/@designer" target="_blank" rel="nofollow">free Figma Community files</a> and are always releasing new resources. No strings attached—just useful design assets, 100% free to use.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_06866bfb-aa77-4d70-e566-ea5bc3d64284-c3d64282" class="badge"><div>Account access</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">How do I sign in to my account?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>You can <a href="/login">sign in</a> using the <strong>same email address</strong> you used to purchase Untitled UI.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Why can&#x27;t I sign in using my email?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Please check your email address for any typos and make sure you&#x27;re using the <strong>same email address</strong> you used to purchase Untitled UI.</p><p>If you get super stuck, we&#x27;re here to help via <a href="mailto:[email protected]?subject=I%20need%20help%20with%20something">[email protected]</a>. We&#x27;re a small team, but will get back to you as soon as possible.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Why didn’t I receive my sign in email or code (OTP)?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>If your sign in email didn&#x27;t arrive, here are a few things to try:</p><ul role="list"><li>Check your spam, junk, or promotions folder. Please mark this email as &quot;not spam&quot; so it does not get filtered next time.</li><li>Please wait a couple of minutes and try again.</li><li>If you’re using a <strong>work or custom domain email</strong>, your company, email provider or email client might have blocked it.</li></ul><p>If you get super stuck, we&#x27;re here to help via <a href="mailto:[email protected]?subject=I%20need%20help%20with%20something">[email protected]</a>. We&#x27;re a small team, but will get back to you as soon as possible.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa36680-29c9ea42" class="badge"><div>Lifetime updates</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">What does &quot;lifetime access&quot; mean?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="margin-bottom margin-xsmall"><div class="text-rich-text w-richtext"><p>Once you have purchased any Untitled UI product, you will have access to all of the future updates to that product, free of charge. We&#x27;
749ll let you know when updates and improvements are made.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">How do I access the files after purchasing?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>After purchasing, you will be able to <a href="/login">sign in</a> to Untitled UI to access files and assets, including full edit access to the PRO Figma files to duplicate into your own Figma account.</p><p>After each update, we’ll send you an email with what’s new and post it in our <a href="/changelog">changelog</a>. Please <a href="/login">sign in</a> using the email address you used to purchase Untitled UI to access files and assets.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">How can I find my receipt email?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>To find your original purchase receipt email:</p><ul role="list"><li>If you purchased through <strong>Polar</strong>, search <em>from:[email protected]</em> in your email.</li><li>If you purchased through <strong>Lemon Squeezy</strong>, search <em>from:[email protected] &quot;Untitled UI&quot;</em> in your email.</li><li>If you purchased through <strong>Gumroad</strong>, search <em>from:[email protected] &quot;Untitled UI&quot; </em>in your email.</li></ul><p>If you cannot find your receipt email using these search terms, the purchase may have been under a different email address.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">How do I access updates after purchasing?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>After each update, we’ll send you an email with what’s new and post it in our <a href="/changelog">changelog</a>. Please <a href="/login">sign in</a> using the email address you used to purchase Untitled UI to access files and assets.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Why don&#x27;t my PDF links work anymore?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Don’t stress! Your unique PDF download links expire regularly. We&#x27;ve recently added a new <a href="/login">sign in</a> page to simplify this process and are phasing out these PDFs.</p><p>Please <a href="/login">sign in</a> using the email address you used to purchase Untitled UI to access files and assets.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa366d7-29c9ea42" class="badge"><div>Support</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">How does support work?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>If you&#x27;re having trouble accessing Untitled UI or have questions about your license, we&#x27;re here to help—just email us at <a href="mailto:[email protected]?subject=I%20need%20help%20with%20something">[email protected]</a>.</p><p>Please contact us from the same email address you used to purchase Untitled UI. We&#x27;re a small team, but we&#x27;ll do our best to get back to you as soon as possible.<br/></p><p>Please note: we do <strong>not</strong> offer general Figma or frontend/React/Tailwind CSS support or debugging support for individual projects. Please refer to our <a href="/faqs">frequently asked questions</a> page for more support resources.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Do you provide video tutorials?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Not yet, but we&#x27;re working on it! In the meantime, we&#x27;ve done our best to make Untitled UI products as intuitive as possible and we&#x27;re adding even more notes and documentation to components.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa366de-29c9ea42" class="badge"><div>Education discounts</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Do you provide an education discount?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>We offer a 50% discount for full-time students. Please shoot us an email at <
749a href="mailto:[email protected]?subject=%E2%9C%8C%EF%B8%8F%20Education%20discount%20(valid%20ID%20attached%20sent%20from%20student%20email%20address)">[email protected]</a> <strong>from your student email</strong> and attach a student ID <strong>with valid dates</strong> before purchasing!</p><p>Please note this is only available for full-time students and invalid or incomplete emails will not receive a response. You are not permitted to share your discount code, purchase for someone else, or purchase under a different identity.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Do I need to pay for Figma if I&#x27;m a student?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Figma&#x27;s <a href="https://www.figma.com/pricing/" target="_blank">Starter plan</a> is 100% free for individuals. If you want to use more advanced features such as team libraries, dev mode, or multiple variable modes, you&#x27;ll need to purchase a <a href="https://www.figma.com/pricing/" target="_blank">Professional plan</a>. Learn more about <a href="https://www.figma.com/pricing/" target="_blank" rel="nofollow">Figma&#x27;
749s pricing</a>.</p><p>Figma have generously announced all the paid perks of their plans are 100% free for students and educators! You can learn more at <a href="https://www.figma.com/education/" target="_blank">Figma Education</a>.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa366e5-29c9ea42" class="badge"><div>Affiliates</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Do you have an affiliate program?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes, we do! We&#x27;ve recently launched our <a href="/affiliates">affiliate program</a>—a simple and easy way to make money for referring people to Untitled UI. Get 30% of every sale you refer. There&#x27;s no limit on how much you can earn.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa366eb-29c9ea42" class="badge"><div>Licensing</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I use Untitled UI for commercial projects?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes! You can use <a href="/figma">Untitled UI Figma</a>, <a href="/react">Untitled UI React</a>, and <a href="/icons">Untitled UI Icons</a> in unlimited personal and commercial projects.</p><p>As long as you&#x27;re not reselling, redistributing, repackaging, or repurposing Untitled UI to create similar or competing products, even for different frameworks, you&#x27;re good to go! Please read our <a href="/license">License Agreement</a> before purchasing.</p><p>If you have any questions regarding our license agreement, please get in touch via <a href="mailto:[email protected]?subject=I%20have%20a%20question%20about%20the%20license%20agreement">[email protected]</a> and we can clarify this for you.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I use Untitled UI for multiple projects?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Absolutely! You can use Untitled UI for as many projects as you like, with free updates for life. Please read our <a href="/license">License Agreement</a> before purchasing.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">What is a user?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>A &quot;user&quot; is defined as any individual within your company or organization who directly accesses or uses Untitled UI files, components, or assets. This includes access to published Figma libraries using Untitled UI products.</p><p>You may share access with your team members <strong>only</strong> if you&#x27;ve purchased a <strong>PRO STUDIO</strong>, <strong>PRO BUSINESS</strong>, or <strong>PRO ENTERPRISE</strong> license for the respective products. License seats cannot be allocated to users outside of your company or organization.</p><p>If you need to upgrade your license to add more users, please click the <em>Upgrade license</em> links via your <a href="https://www.untitledui.com/account" target="_blank"><em>Account</em></a> page to upgrade. A discount will be automatically applied to offset the amount you&#x27;ve already paid.</p><p>Alternatively, please get in touch via <a href="mailto:[email protected]?subject=I&#x27;d%20like%20to%20upgrade%20my%20license">[email protected]</a> and we can organize a discount based on what you&#x27;ve already paid.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Do I need a team license?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>If you&#x27;re working on your own, you only need a <strong>PRO SOLO</strong> license.</p><p>However, if you need to share access to Untitled UI files, components, or assets with other users within your organization, or publish a Figma library using Untitled UI assets within your organization, you&#x27;ll need to purchase a <strong>PRO STUDIO</strong>, <strong>PRO BUSINESS</strong>, or <strong>PRO ENTERPRISE</strong> license:</p><ul role="list"><li><strong>PRO SOLO</strong> — single user license</li><li><strong>PRO STUDIO</strong> — up to 8 users within your organization</li><li><strong>PRO BUSINESS</strong> — up to 20 users within your organization</li><li><strong>PRO ENTERPRISE</strong> — unlimited users within your organization</li></ul><p>If you need to upgrade your license to add more users, please click the <em>Upgrade license</em> links via your <a href="https://www.untitledui.com/account" target="_blank"><em>Account</em></a> page to upgrade. A discount will be automatically applied to offset the amount you&#x27;ve already paid.</p><p>Alternatively, please get in touch via <a href="mailto:[email protected]?subject=I&#x27;d%20like%20to%20upgrade%20my%20license">[email protected]</a> and we can organize a discount based on what you&#x27;ve already paid.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I use Untitled UI with more than 20 users?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Absolutely! When you get to the checkout page, just choose the <strong>PRO ENTERPRISE</strong> license. <strong>PRO ENTERPRISE</strong>
749 is perfect for large design teams, companies, and organizations.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I upgrade to a larger license for more users?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>If you need to upgrade your license to add more users, please click the <em>Upgrade license</em> links via your <a href="https://www.untitledui.com/account" target="_blank"><em>Account</em></a> page to upgrade. A discount will be automatically applied to offset the amount you&#x27;ve already paid.</p><p>Alternatively, please get in touch via <a href="mailto:[email protected]?subject=I&#x27;d%20like%20to%20upgrade%20my%20license">[email protected]</a> and we can organize a discount based on what you&#x27;ve already paid.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">What changed with Untitled UI&#x27;s pricing and licensing?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>We recently updated our pricing and licensing structure to better support growing teams and larger organizations. The new pricing structure reduces the cost per user for small teams.</p><h4>Old pricing</h4><ul role="list"><li><strong>PRO SOLO</strong> — single user license</li><li><strong>PRO TEAM</strong> — up to 5 users within your organization</li><li><strong>PRO ENTERPRISE</strong> — up to 12 users within your organization</li><li><strong>PRO UNLIMITED</strong> — unlimited users within your organization</li></ul><h4>New pricing</h4><ul role="list"><li><strong>PRO SOLO</strong> — single user license</li><li><strong>PRO STUDIO</strong> — up to 8 users within your organization</li><li><strong>PRO BUSINESS</strong> — up to 20 users within your organization</li><li><strong>PRO ENTERPRISE</strong> — unlimited users within your organization</li></ul><p>Existing customers are fully grandfathered into the pricing, seat limits, and license terms that applied at the time of purchase. Nothing changes for your current license unless you choose to upgrade.</p><p>Our new <strong>PRO ENTERPRISE</strong> license introduces more support for larger organizations, including SSO and SCIM 2.0, a separate <a href="/eula" target="_blank">Enterprise User License Agreement (EULA)</a>, React onboarding support, audit logs, and more.</p><p>If your team grows and you need additional seats or access to a larger plan, you can upgrade at any time to one of the new license tiers by clicking the <em>Upgrade license</em> links via your <a href="https://www.untitledui.com/account" target="_blank"><em>Account</em></a> page. A discount will be automatically applied to offset the amount you&#x27;ve already paid.</p><p>Alternatively, please get in touch via <a href="mailto:[email protected]?subject=I&#x27;d%20like%20to%20upgrade%20my%20license">[email protected]</a> and we can organize a discount based on what you&#x27;ve already paid.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I use Untitled UI to create a similar product?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>No. You can&#x27;t use Untitled UI to create a competing or similar product, such as a UI kit, library, template, even if modified. This includes for other frameworks and software. License agreements exist for people who do this.</p><p>
749Please read our <a href="/license">License Agreement</a> before purchasing. If you have any questions regarding our license agreement, please get in touch via <a href="mailto:[email protected]?subject=I%20have%20a%20question%20about%20the%20license%20agreement">[email protected]</a> and we can clarify this for you.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Does Untitled UI provide an Enterprise User License Agreement (EULA)?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes. Untitled UI provides a separate <a href="/eula">Enterprise User License Agreement (EULA)</a> for <strong>PRO ENTERPRISE</strong> customers that replaces our standard <a href="/license">License Agreement</a> .</p><p>Our EULA includes additional terms designed for organizations and larger teams, including enterprise licensing rights, organizational access controls, security and compliance documentation, and other enterprise-related provisions.</p><p>If you have any questions regarding our license agreement or EULA, please get in touch via <a href="mailto:[email protected]?subject=I%20have%20a%20question%20about%20the%20license%20agreement">[email protected]</a> and we can clarify this for you.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_8957e606-93d7-b1aa-9c31-b681a4a42b8e-a4a42b8c" class="badge"><div>Security</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Does Untitled UI provide a DPA and security information?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes. Untitled UI provides a <a href="/dpa">Data Processing Addendum (DPA)</a>, <a href="/subprocessors">subprocessor information</a>, and a dedicated <a href="/security" target="_blank">Security</a> page with a downloadable Security Pack.</p><p>You can learn more about how Untitled UI handles privacy, security, and enterprise compliance here:</p><ul role="list"><li><a href="/dpa">Data Processing Addendum (DPA)</a></li><li><a href="/subprocessors">Subprocessors</a></li><li><a href="/security">Security</a></li><li><a href="/privacy">Privacy Policy</a></li></ul></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Does Untitled UI support SSO and SCIM 2.0?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes. <strong>PRO ENTERPRISE</strong> customers can access Single Sign-On (SSO) support using SAML 2.0, together with SCIM 2.0 provisioning support.</p><p>SSO allows organizations to securely manage authentication and access through their existing identity provider, while SCIM 2.0 helps automate user provisioning and deprovisioning across teams and organizations.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I access an audit log?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes. Usage and audit log data is available for admins of <strong>PRO ENTERPRISE</strong> licenses to help monitor account and workspace activity.</p><p>Audit logs provide visibility into important events including authentication activity, account access, changes, and other operational actions across the platform.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I manage API keys?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes. Admins of <strong>PRO ENTERPRISE</strong> licenses can manage API keys directly within their organization settings.</p><p>API key management allows teams to securely create, rotate, revoke, and manage access credentials for integrations, internal tools, and automated workflows.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa366f7-29c9ea42" class="badge"><div>Payments &amp; billing</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Is it a one-time purchase?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>All Untitled UI products are a one-time purchase and payment. There are no recurring charges or surprises—buy once and use forever.</p><p>Once you have purchased any Untitled UI product, you will have access to all of the future updates to that product, free of charge. We&#x27;
749ll let you know when updates and improvements are made.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Do I need to pay for Figma?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Figma&#x27;s <a href="https://www.figma.com/pricing/" target="_blank">Starter plan</a> is 100% free for individuals. If you want to use more advanced features such as team libraries, dev mode, or multiple variable modes, you&#x27;ll need to purchase a <a href="https://www.figma.com/pricing/" target="_blank">Professional plan</a>. Learn more about <a href="https://www.figma.com/pricing/" target="_blank" rel="nofollow">Figma&#x27;s pricing</a>.</p><p>Figma have generously announced all the paid perks of their plans are 100% free for students and educators! You can learn more at <a href="https://www.figma.com/education/" target="_blank">Figma Education</a>.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Are payments secure?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>We use Polar and Lemon Squeezy to handle payments. They use secure 128-bit SSL encrypted payments, so you&#x27;re pretty safe!</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I purchase via PayPal or Alipay or WeChat Pay?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Yes, you can purchase Untitled UI via PayPal, Alipay, or WeChat Pay if you prefer. To use alternative payment methods, please use our alternative checkout <a href="https://store.untitledui.com">at store.untitledui.com</a>.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Can I get an invoice?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div target="_blank" rel="nofollow" class="text-rich-text w-richtext"><p>If you purchased through <strong>Polar</strong>, you can generate an invoice via the <a href="https://polar.sh/untitledui/portal">Polar Customer Portal</a>. You can also search <em>from:[email protected]</em> in your email inbox and click <strong>Access my purchase</strong>.</p><p>Once you&#x27;ve reached the Polar Customer Portal, just click <strong>Orders</strong> → <strong>View Order</strong> → <strong>Download Invoice</strong> to create an invoice.</p><p>If you purchased through <strong>Lemon Squeezy</strong>, you can generate an invoice from your <a href="https://app.lemonsqueezy.com/my-orders" target="_blank" rel="nofollow">My Orders</a> page if you made an account. Just click the <strong>Generate Invoice</strong> button. Here&#x27;s a guide on <a href="https://docs.lemonsqueezy.com/help/orders/generate-invoice" target="_blank" rel="nofollow">how to generate an invoice in Lemon Squeezy</a>.</p><p>If you didn&#x27;t make a Lemon Squeezy account, just click the <strong>Generate</strong> button in your original purchase email. Search <em>from:[email protected] &quot;Untitled UI&quot;</em> in your email inbox.</p><p>If you purchased through <strong>Gumroad</strong>, just click the <strong>Generate</strong> button in your original purchase receipt from Gumroad. Search <em>from:[email protected] &quot;Untitled UI&quot; </em>in your email inbox. Here&#x27;s a guide on <a href="https://gumroad.com/help/article/194-i-need-an-invoice" target="_blank" rel="nofollow">how to generate an invoice in Gumroad</a>.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">What is your refund policy?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>Due to the digital nature of our products, we no longer offer refunds. We back Untitled UI 100% and know you&#x27;ll love it too—that’s why we offer <strong>100% free versions</strong> of all our products for you to try before purchasing.</p><p>Please use the preview links on our website to explore the full versions of <a href="/figma">Untitled UI Figma</a>, <a href="/react">Untitled UI React</a>, and <a href="/free-icons">Untitled UI Icons</a> before purchasing to make sure they&#x27;re right for you and fit your needs.</p><p>Unfortunately, our previous refund policy was repeatedly abused, with many cases of customers continuing to use our products in commercial projects after receiving a refund. You can read the full policy in our <a href="/lice
749nse">License Agreement</a>.</p></div></div></div></div></div><div class="w-layout-grid accordion_component"><div class="accordion_divider-wrapper"><div id="w-node-_90dcb0b8-0a44-dc95-c6ed-0477afa36733-29c9ea42" class="badge"><div>Others</div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Is Untitled UI affiliated with Figma?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>No, Untitled UI is not affiliated with, sponsored by, or endorsed by Figma or Figma, Inc. Any references to Figma in our docs or products are for descriptive and compatibility purposes only. We’re just big fans!</p><p>All trademarks are owned by their respective owners.</p></div></div></div></div><div class="accordion_accordion"><div class="accordion_header-wrapper"><h3 class="text-size-large">Is Untitled UI affiliated with Tailwind?</h3><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="accordion_content-wrapper"><div class="accordion_content"><div class="text-rich-text w-richtext"><p>No, Untitled UI is not affiliated with, sponsored by, or endorsed by Tailwind Labs or Tailwind CSS. Any references to Tailwind in our docs or products are for descriptive and compatibility purposes only. We’re just big fans!</p><p>All trademarks are owned by their respective owners.</p></div></div></div></div></div><div class="margin-top margin-xlarge"><div class="button-row button-row-center"><div class="button-wrapper"><a href="/faqs" class="button-secondary clickable-on w-inline-block"><div>View all FAQs</div></a></div></div></div></div><div data-w-id="63257154-4b34-8792-be42-5768fbb236d1" class="show-more_wrapper-overlay is-bg-contrast"><a href="#" class="button-secondary w-inline-block"><div>Show more FAQs</div></a></div></div></div></div></div></div></section><section class="section_components"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-large align-center"><div class="margin-bottom margin-xxsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">Components</div></div><div class="margin-bottom margin-xsmall"><h2 class="heading-medium">Figma and React UI components</h2></div><div class="text-size-xlarge">Everything you need to design modern, beautiful interfaces and websites—fast.</div></div></div></div><div data-current="Figma" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs_component w-tabs"><div class="tabs_link-wrapper is-not-sticky max-width-full-mobile-portrait w-tab-menu"><a data-w-tab="Figma" class="tabs_link max-width-full-mobile-portrait w-inline-block w-tab-link w--current"><img width="16" height="20" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" class="button-icon is-figma-icon"/><div>Figma<span class="hide-mobile-portrait"> components</span></div></a><a data-w-tab="React" class="tabs_link max-width-full-mobile-portrait w-inline-block w-tab-link"><img width="22" height="20" alt="React icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6825448afa8e01879de76e95_react.svg" loading="lazy" class="button-icon is-react-icon"/><div>React<span class="hide-mobile-portrait"> components</span></div></a></div><div class="w-tab-content"><div data-w-tab="Figma" class="w-tab-pane w--tab-active"><div class="margin-top margin-large"><div class="w-dyn-list"><div role="list" class="components_list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/components/pricing-pages" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94b544a6b70e1c538cbb9_Pricing%20page%20examples.webp" alt="Pricing page examples in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Pricing page examples</h3><div class="text-size-small text-style-1line">20 page examples</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/dashboards" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a9581f24da41df3e31506d_Dashboard%20examples.webp" alt="Dashboard examples in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Dashboard examples</h3><div class="text-size-small text-style-1line">60 page examples</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/line-bar-charts" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94df6de2fbc96bbfab13c_Line%20%26%20bar%20charts.webp" alt="Line and bar chart components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Line &amp; bar charts</h3><div class="text-size-small text-style-1line">9 components + 116 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/landing-pages" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94e0c266d452ebaa9acf9_Landing%20page%20examples.webp" alt="Landing page examples in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Landing page examples</h3><div class="text-size-small text-style-1line">40 page examples</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/footers" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94ebcf145f6a78ae6cfdc_Footers.webp" alt="Marketing website footers in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Footers</h3><div class="text-size-small text-style-1line">5 components + 192 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/calendars" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94a2581a632b92ca06531_Calendars.webp" alt="Calendar components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Calendars</h3><div class="text-size-small text-style-1line">12 components + 82 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/color-pickers" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a95cfdc03e7ce8686e1e2b_Color%20picker.webp" alt="Color picker components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Color pickers</h3><div class="text-size-small text-style-1line">6 components + 26 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/badges" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a9573abd0f5816aea73ede_Badges.webp" alt="Badge components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Badges</h3><div class="text-size-small text-style-1line">3 components + 666 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/button-groups" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a9564ebe4a92402c25aafc_Button%20groups.webp" alt="Button group components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Button groups</h3><div class="text-size-small text-style-1line">2 components + 64 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/date-pickers" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94f5cb93f1a7c852d417e_Date%20pickers.webp" alt="Date picker components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Date pickers</h3><div class="text-size-small text-style-1line">5 components + 68 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/sliders" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a957ffaadd6cc8fdb4d412_Sliders.webp" alt="Slider components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Sliders</h3><div class="text-size-small text-style-1line">2 components + 39 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/modals" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94dc0156b030201caaae1_Modals.webp" alt="Mod
749al components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Modals</h3><div class="text-size-small text-style-1line">3 components + 252 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/avatars" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a957296fadeedc08ad5f9d_Avatars.webp" alt="User avatar components and placeholders in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Avatars</h3><div class="text-size-small text-style-1line">280 variants + 98 styles</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/tables" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94ab0262ac92a27b33f2e_Tables.webp" alt="Table components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Tables</h3><div class="text-size-small text-style-1line">4 components + 204 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/buttons" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a9584118bb9ec293093ab7_Buttons.webp" alt="Button components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Buttons</h3><div class="text-size-small text-style-1line">5 components + 940 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/notifications" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img height="400" loading="lazy" width="768" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94d64ad3505a90ea4e030_Notifications.webp" alt="Notification components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Notifications</h3><div class="text-size-small text-style-1line">1 component + 18 variants</div></div></a></div></div></div></div><div class="margin-top margin-xlarge"><div class="button-row button-row-center"><div class="button-wrapper"><a href="/components" class="button-secondary w-inline-block"><div>View all components</div></a></div></div></div></div><div data-w-tab="React" class="w-tab-pane"><div class="margin-top margin-large"><div class="w-dyn-list"><div role="list" class="components_list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/color-pickers" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a95cfdc03e7ce8686e1e2b_Color%20picker.webp" loading="lazy" alt="Color picker components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Color pickers</h3><div class="text-size-small text-style-1line">6 components + 26 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/button-groups" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a9564ebe4a92402c25aafc_Button%20groups.webp" loading="lazy" alt="Button group components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Button groups</h3><div class="text-size-small text-style-1line">2 components + 64 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/dashboards" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a9581f24da41df3e31506d_Dashboard%20examples.webp" loading="lazy" alt="Dashboard examples in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Dashboard examples</h3><div class="text-size-small text-style-1line">60 page examples</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/command-menus" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94f4f036415a69d42e9e9_Command%20menus.webp" loading="lazy" alt="Command menu (Command K) components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Command menus (⌘+K)</h3><div class="text-size-small text-style-1line">5 components + 69 variants</div></div></a></div><div role="listitem" class="w-dyn-item">
749<a href="https://www.untitledui.com/react/components/avatars" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a957296fadeedc08ad5f9d_Avatars.webp" loading="lazy" alt="User avatar components and placeholders in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Avatars</h3><div class="text-size-small text-style-1line">280 variants + 98 styles</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/badges" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a9573abd0f5816aea73ede_Badges.webp" loading="lazy" alt="Badge components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Badges</h3><div class="text-size-small text-style-1line">3 components + 666 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/calendars" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94a2581a632b92ca06531_Calendars.webp" loading="lazy" alt="Calendar components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Calendars</h3><div class="text-size-small text-style-1line">12 components + 82 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/line-bar-charts" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94df6de2fbc96bbfab13c_Line%20%26%20bar%20charts.webp" loading="lazy" alt="Line and bar chart components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Line &amp; bar charts</h3><div class="text-size-small text-style-1line">9 components + 116 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/marketing/pricing-pages" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94b544a6b70e1c538cbb9_Pricing%20page%20examples.webp" loading="lazy" alt="Pricing page examples in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Pricing page examples</h3><div class="text-size-small text-style-1line">20 page examples</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/date-pickers" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94f5cb93f1a7c852d417e_Date%20pickers.webp" loading="lazy" alt="Date picker components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Date pickers</h3><div class="text-size-small text-style-1line">5 components + 68 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/tables" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94ab0262ac92a27b33f2e_Tables.webp" loading="lazy" alt="Table components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Tables</h3><div class="text-size-small text-style-1line">4 components + 204 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/modals" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94dc0156b030201caaae1_Modals.webp" loading="lazy" alt="Mod
749al components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Modals</h3><div class="text-size-small text-style-1line">3 components + 252 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/sliders" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a957ffaadd6cc8fdb4d412_Sliders.webp" loading="lazy" alt="Slider components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Sliders</h3><div class="text-size-small text-style-1line">2 components + 39 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/marketing/footers" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94ebcf145f6a78ae6cfdc_Footers.webp" loading="lazy" alt="Marketing website footers in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Footers</h3><div class="text-size-small text-style-1line">5 components + 192 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/notifications" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a94d64ad3505a90ea4e030_Notifications.webp" loading="lazy" alt="Notification components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Notifications</h3><div class="text-size-small text-style-1line">1 component + 18 variants</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="https://www.untitledui.com/react/components/buttons" class="components_card w-inline-block"><div class="components_card-image-wrapper"><img width="768" height="400" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69a9584118bb9ec293093ab7_Buttons.webp" loading="lazy" alt="Button components in the Untitled UI Figma kit" class="components_card-image"/></div><div class="component_card-footer"><h3 class="text-size-medium text-style-1line">Buttons</h3><div class="text-size-small text-style-1line">5 components + 940 variants</div></div></a></div></div></div></div><div class="margin-top margin-xlarge"><div class="button-row button-row-center"><div class="button-wrapper"><a href="/react/components" class="button-secondary w-inline-block"><div>View all components</div></a></div></div></div></div></div></div></div></div></div></section><section data-w-id="14a8c71d-a61b-c4da-e931-510e80b30e62" class="section_examples is-section-contrast"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-large align-center"><div class="margin-bottom margin-xsmall"><h2 class="heading-medium"><span class="hide-mobile-landscape">Get started on </span><span class="typed-js">My Design System</span><span class="type-js-trailing">.fig</span></h2></div><div class="text-size-xlarge">What are you waiting for? Untitled UI is packed full of everything you need to kickstart that awesome project. Here are a few designs built using Untitled UI.</div></div></div></div><div class="portfolio_component w-dyn-list"><div role="list" class="portfolio_image-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/25528709-User-profile-permissions-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca93564c111bc17c1b965_original-4d6b14fc5a9830e217b3550b9c8d37ee%20Large.webp" loading="lazy" width="800" height="600" alt="Simple modal UI design to manage a user&#x27;
749s settings and permissions" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca93564c111bc17c1b965_original-4d6b14fc5a9830e217b3550b9c8d37ee%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca93564c111bc17c1b965_original-4d6b14fc5a9830e217b3550b9c8d37ee%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/26394864-Remind-me-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acabbd30be062cc160abf6_470e8de9b545d362dfdfc3f86e8b8611%20Large.webp" loading="lazy" width="800" height="600" alt="Command menu UI design" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acabbd30be062cc160abf6_470e8de9b545d362dfdfc3f86e8b8611%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acabbd30be062cc160abf6_470e8de9b545d362dfdfc3f86e8b8611%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/26848581-Copy-logo-SVG-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acaad1452994fbb26fd9fe_b32816456659a916f0cb1e8a672b528d%20Large.webp" loading="lazy" width="800" height="600" alt="Super simple menu dropdown UI design to copy logo SVG" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acaad1452994fbb26fd9fe_b32816456659a916f0cb1e8a672b528d%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acaad1452994fbb26fd9fe_b32816456659a916f0cb1e8a672b528d%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/23078446-Free-trial-sign-up-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca7502d14aac587b2dc7d_original-820e5a023b0a13a74a8ad586a695b45c%20Large.webp" loading="lazy" width="800" height="600" alt="Super simple sign up form web design for an online course free trial" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca7502d14aac587b2dc7d_original-820e5a023b0a13a74a8ad586a695b45c%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca7502d14aac587b2dc7d_original-820e5a023b0a13a74a8ad586a695b45c%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/26540524-Text-editor-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acaa4eb187985f501feb43_ab781e5c9df0a1ac0dffb53f8798f483%20Large.webp" loading="lazy" width="800" height="600" alt="A simple but functional rich text editor modal UI design" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acaa4eb187985f501feb43_ab781e5c9df0a1ac0dffb53f8798f483%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acaa4eb187985f501feb43_ab781e5c9df0a1ac0dffb53f8798f483%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/25639475-Empty-state-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca5b48ed73c9961269953_original-ccaed71bea9347d61ef5708ce8190398%20Large.webp" loading="lazy" width="800" height="600" alt="A super simple search empty state UI design for a file management tool" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca5b48ed73c9961269953_original-ccaed71bea9347d61ef5708ce8190398%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca5b48ed73c9961269953_original-ccaed71bea9347d61ef5708ce8190398%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/24834759-Create-account-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca84874c7143415cc6759_original-41cf5f12a143db9dcaa83530d8e21c57%20Large.webp" loading="lazy" width="800" height="600" alt="Super simple create account page web design" sizes="(max-width: 991px) 100v
749w, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca84874c7143415cc6759_original-41cf5f12a143db9dcaa83530d8e21c57%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca84874c7143415cc6759_original-41cf5f12a143db9dcaa83530d8e21c57%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/25117919-My-dashboard-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca43fe3a4b7b1e774fe77_original-e0cbdf00ebf9275c62436b78a9b0f758%20Large.webp" loading="lazy" width="800" height="600" alt="Concept for an online store analytics dashboard UI design with customers table" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca43fe3a4b7b1e774fe77_original-e0cbdf00ebf9275c62436b78a9b0f758%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca43fe3a4b7b1e774fe77_original-e0cbdf00ebf9275c62436b78a9b0f758%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/26220329-Integrations-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca78e251449e12483e0a1_original-90c5ef2019de08ccdc92f71265971dd1%20Large.webp" loading="lazy" width="800" height="600" alt="Super simple modals to add integrations UI design" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca78e251449e12483e0a1_original-90c5ef2019de08ccdc92f71265971dd1%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca78e251449e12483e0a1_original-90c5ef2019de08ccdc92f71265971dd1%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/25813254-Book-settings-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca60ac7cd898619c4de41_original-3959dcde48368cd98060fed1aed180ba%20Large.webp" loading="lazy" width="800" height="600" alt="A super simple CMS page UI design to edit book profiles" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca60ac7cd898619c4de41_original-3959dcde48368cd98060fed1aed180ba%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69aca60ac7cd898619c4de41_original-3959dcde48368cd98060fed1aed180ba%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/27032948-Pricing-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acab15020ff992546cf017_2137be2f1fff84d0b8b9a52ea945f611%20Large.webp" loading="lazy" width="800" height="600" alt="Modern and effective pricing page web design" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acab15020ff992546cf017_2137be2f1fff84d0b8b9a52ea945f611%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acab15020ff992546cf017_2137be2f1fff84d0b8b9a52ea945f611%20Large.webp 800w" class="portfolio_image"/></a></div><div role="listitem" class="w-dyn-item"><a href="https://dribbble.com/shots/26482421-Pay-once-use-forever-Untitled-UI" target="_blank" class="portfolio_image-link w-inline-block"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acabaa4a348f86ce3a43e7_1dff43012164ff2854bb565e098bc95f%20Large.webp" loading="lazy" width="800" height="600" alt="Minimal and effective pricing page web design" sizes="(max-width: 991px) 100vw, 800px" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acabaa4a348f86ce3a43e7_1dff43012164ff2854bb565e098bc95f%20Large-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/69acabaa4a348f86ce3a43e7_1dff43012164ff2854bb565e098bc95f%20Large.webp 800w" class="portfolio_image"/></a></div></div></div><div class="margin-top margin-xlarge"><div class="button-row button-row-center"><div class="button-wrapper"><a href="https://dribbble.com/jordanhughes" target="_blank" class="button-secondary clickable-on w-inline-block"><div>View 1,200+ examples</div></a></div></div></div></div></div></div></section><section id="wall-of-love" data-w-id="5013054e-51dc-711e-fa27-85db3ea328c0" class="section_wall-of-love"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="margin-bottom margin-xlarge"><div class="text-align-center"><div class="max-width-large align-center"><div class="margin-bottom margin-xxsmall"><div class="text-size-medium text-weight-semibold text-color-primary700">Wall of love</div></div><div class="margin-bottom margin-xsmall"><h2 class="heading-medium">Join 380,000+ designers</h2></div><div class="text-size-xlarge">We&#x27;ve been blown away by the ongoing support from our incredible design community. <span class="hide-mobile-portrait">They inspire us every day. </span>Want to <a href="/wall-of-love" class="text-style-link">join our wall of love</a>?</div></div></div><div class="margin-top margin-medium"><div class="button-row button-row-center"><a href="#testimonials" class="avatar-group_component w-inline-block"><div class="avatar-group_avatar"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Dan Anisse</div>
749<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a78cfa36134c10b2a52_relume-logo-tooltip.svg" loading="lazy" width="62" height="20" alt="Relume logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1fa516e5d9cf5fd22f15a_dan-anisse.webp" width="120" height="120" loading="lazy" alt="Dan Anisse" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Ric Buzzotta</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a78cfa3618ff60b2a51_spotify-logo-tooltip.svg" loading="lazy" width="58" height="20" alt="Spotify logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1f800734ebd797bc0fd49_riccardo-buzzotta.webp" width="120" height="120" loading="lazy" alt="Ricardo Buzzotta" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Jenny Chu</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/654fd898746087a008ab6c6b_eucalyptus-logo-tooltip.svg" loading="lazy" width="64" height="20" alt="Eucalyptus logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1fa51a745f5bfcb5a9d7b_jenny-chu.webp" width="120" height="120" loading="lazy" alt="Jenny Chu" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Matt Walker</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a78cfa36132cc0b2a50_mailchimp-logo-tooltip.svg" loading="lazy" width="73" height="20" alt="Mailchimp logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1fa515ddf7f5661685b37_matt-walker.webp" width="120" height="120" loading="lazy" alt="Matt Walker" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar hide-mobile-portrait"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Tom Bekkers</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/63649a78cfa36111470b2a53_flowbase-logo-tooltip.svg" loading="lazy" width="71" height="20" alt="Flowbase logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1fa51903548a0b33e1a50_tom-bekkers.webp" width="120" height="120" loading="lazy" alt="Tom Bekkers" class="avatar-group_avatar-image"/></div><div class="avatar-group_avatar is-last"><div class="tooltip_message is-avatar-tooltip"><div class="tooltip_text">Corey Moen</div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/654fd7944d1a59b887fe3907_webflow-logo.svg" loading="lazy" width="69" height="20" alt="Webflow logo" class="tooltip_logo"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1f816ae6621cb2b274ba0_corey-moen.webp" width="80" height="80" loading="lazy" alt="Corey Moen" class="avatar-group_avatar-image"/></div><div class="avatar-group_reviews"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6704724e67caee8110e33e9d_045a81e7b8569a7512788c27ed0a519d_5-stars.svg" loading="lazy" width="147" height="20" alt="Untitled UI 5-star reviews" class="avatar-group_stars"/><div class="avatar-group_text-wrapper"><div class="avatar-group-text-inner"><div class="avatar-group_text">From 3,650+ reviews</div><div class="avatar-group_text">Join 380,000+ designers</div><div class="avatar-group_text">950k+ community downloads</div><div class="avatar-group_text">#1 Gumroad Design &amp; Tech</div><div class="avatar-group_text">#1 PH Product of the Week</div><div class="avatar-group_text">#1 Lemon Squeezy UI kit</div><div class="avatar-group_text">From 3,650+ reviews</div></div></div></div></a></div></div></div><div class="show-more_wrapper is-wall-of-love"><div class="w-dyn-list"><div role="list" class="wall-of-love_component w-dyn-items"><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper">
749<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>@UntitledUI is 100% <strong>my favourite</strong>.</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Dan Tase" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/670f527054d0060dbe99105f_dan-tase.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Dan Tase<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://x.com/tasedan" class="text-style-link" rel="nofollow" target="_blank">@tasedan</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>Finally got my hands on <a href="https://twitter.com/UntitledUI">@UntitledUI</a> – a design system that&#x27;s pure gold. <strong>Worth every last penny spent!</strong></p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Art" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/662b8d4c80bf43e81803e2a2_mordehaus.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Art<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://twitter.com/mordehaus" class="text-style-link" rel="nofollow" target="_blank">@mordehaus</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>This UI kit is somethings else. Not super complicated yet it is <strong>powerful for clean &amp; good looking designs</strong>. Best investment for your UI toolkit.</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Ege Beşe" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/66bd3e688d08d40378cf51fe_ege-bese.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Ege Beşe<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://x.com/egebese" class="text-style-link" rel="nofollow" target="_blank">@egebese</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>Honestly this is <strong>saving/making</strong> my career! 😂 THANK YOU! &lt;3</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Pier Stein" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/650b37e7ebaff272313cd4a6_pier-stein.webp" sizes="100vw" srcset="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/650b37e7ebaff272313cd4a6_pier-stein-p-500.webp 500w, https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/650b37e7ebaff272313cd4a6_pier-stein.webp 800w" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Pier Stein<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div>Product Designer, <a href="https://sharecouncil.co/" class="text-style-link" rel="nofollow" target="_blank">Share Council</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper">
749<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>I recently purchased Untitled UI&#x27;s Figma design system to speed up my workflow when offering web design to my clients. Time is money. Therefore, spending $129 dollars on something that can get me <strong>endless hours of time back</strong>, is a great return on investment.</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Louie Richardson" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/64805694342914a45705fa01_louie-richardson.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Louie Richardson<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://twitter.com/Louie_Rich99" class="text-style-link" rel="nofollow" target="_blank">@Louie_Rich99</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>If you haven&#x27;t tried the new update, you should definitely give it a try. This is the <strong>perfect base for any design system</strong>. The size and attention to detail is next level.</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Murat Alpay" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/64808b8f5469eb87c1b5da52_murat-alpay.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Murat Alpay<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://twitter.com/imuratalpay" class="text-style-link" rel="nofollow" target="_blank">@imuratalpay</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p><strong>Seriously impressed</strong> with <a href="https://twitter.com/UntitledUI">@UntitledUI</a>. Using it extensively on a current project, and so far it has covered all the components I needed for the application design.</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Gonçalo Dias" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/64808ff56314396f63571e0e_goncalo-dias.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Gonçalo Dias<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://twitter.com/zalodias" class="text-style-link" rel="nofollow" target="_blank">@zalodias</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>Incredible, and keeps getting better. I’ve tried dozens of UI kits for Figma (and for Sketch before that). Untitled UI, ironically enough, is the only name you should care about. It stands <strong>head and shoulders above the rest</strong>, and this keeps getting *even more true* with each update. This, ladies and gents, is the one.<br/></p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Jérémy Franck" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/66ab3d854cd2e8c07f24a7aa_jeremy-franck.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Jérémy Franck<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://jrmyfranck.com/" class="text-style-link" rel="nofollow" target="_blank">@jrmyfranck</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper">
749<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>I never used a UI Kit before, but after purchasing <a href="https://twitter.com/UntitledUI">@UntitledUI</a> from <a href="https://twitter.com/jordanphughes">@jordanphughes</a> it&#x27;s been a <strong>game-changer</strong> for my Figma skills! Now I know how to use components.</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Taimoor Nasir" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/64808d13c109578e4e379bf5_taimoor-nasir.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Taimoor Nasir<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://twitter.com/taimoor_nasir1" class="text-style-link" rel="nofollow" target="_blank">@taimoor_nasir1</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>Untitled UI will change how you design for the better. 😅 Never fails 😎</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Design Chief Priest" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/654f04d7a5b7e4cd82f3ef9e_dnaijatechguy.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Design Chief Priest<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://twitter.com/dnaijatechguy" class="text-style-link" rel="nofollow" target="_blank">@dnaijatechguy</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>I&#x27;ve been using Untitled on 2 projects for 2 months now and I&#x27;m amazed how fast it helps me get something polished out of the oven. <strong>Really impressed.</strong></p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Marcos Patiño" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/650bfc63fa78b97c700988f6_marcos-patino.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Marcos Patiño<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://twitter.com/markospatt" class="text-style-link" rel="nofollow" target="_blank">@markospatt</a></div></div></div></div></div><div role="listitem" class="wall-of-love_content w-dyn-item"><div class="wall-of-love_rating-wrapper"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/647f59fc7e85754c05549931_star-icons.svg" loading="lazy" width="116" height="20" alt="5-star rating" class="wall-of-love_rating-icon"/></div><div class="margin-bottom margin-small"><div class="text-size-medium w-richtext"><p>Aging like fine wine. <strong>Best money I&#x27;ve ever spent</strong> on my work other than (maybe) my Mac.</p></div></div><div class="wall-of-love_avatar"><div class="wall-of-love_avatar-image-wrapper"><img loading="lazy" alt="Patrick" src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/650bfbefbbe1a73a2842c64e_patrick.webp" class="wall-of-love_avatar-image"/></div><div><div class="text-size-medium text-weight-semibold text-color-gray900 w-embed"><div>Patrick<span class="wall-of-love_verified-tick">✓</span></div></div><div class="text-size-medium w-embed"><div><a href="https://twitter.com/plantseeds_" class="text-style-link" rel="nofollow" target="_blank">@plantseeds_</a></div></div></div></div></div></div></div><a href="/wall-of-love" class="show-more_wrapper-overlay w-inline-block"><div href="#share-the-love" class="button-secondary"><div>View our wall of love</div></div></a></div></div></div></div></section><section class="section_cta"><div class="page-padding"><div class="container-large"><div class="padding-bottom padding-huge"><div class="cta_component"><div class="cta_text-wrapper"><div><div class="margin-bottom margin-xxsmall"><h3 class="heading-xsmall">Join our affiliate program</h3></div><div class="margin-bottom margin-medium"><div>A simple and easy way to make 30% of every sale you refer to Untitled UI. Earn up to <span class="text-weight-semibold text-color-primary700">$2,699.70</span> on each sale!<br/></div></div><div class="button-row"><div class="button-wrapper max-width-full-mobile-portrait"><a href="/affiliates" class="button w-inline-block"><div>Become an affiliate</div></a></div></div></div></div><div class="cta_content"><div class="cta_play-wrapper"><div vimeo="unmute" class="video_cta-play-button"><img width="32" height="32" alt="Play icon" src="https://cdn.prod.website-files.com/63649
7496d3f0ebfdaba9784655/669609a1f000131577a4f15f_play.svg" loading="lazy" class="video_play-icon"/><div class="text-size-medium text-weight-semibold text-color-white hide-mobile-landscape">Untitled UI in 60 seconds<br/></div><a href="#" class="video_lightbox-link w-inline-block w-lightbox">
749<script type="application/json" class="w-json">{
750  "items": [
751    {
752      "url": "https://vimeo.com/984573571",
753      "originalUrl": "https://vimeo.com/984573571",
754      "width": 940,
755      "height": 529,
756      "thumbnailUrl": "https://i.vimeocdn.com/video/1900032103-a2a08b66b50cb3e46ab1433d13c4176c7dcd489617296c072d16ce9e8bdfad95-d_1280",
757      "html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F984573571%3Fapp_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F984573571&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1900032103-a2a08b66b50cb3e46ab1433d13c4176c7dcd489617296c072d16ce9e8bdfad95-d_1280&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=vimeo\" width=\"940\" height=\"529\" scrolling=\"no\" title=\"Vimeo embed\" frameborder=\"0\" allow=\"autoplay; fullscreen; encrypted-media; picture-in-picture;\" allowfullscreen=\"true\"></iframe>",
758      "type": "video"
759    }
760  ],
761  "group": ""
762}</script>
762</a></div></div><div class="cta_grid"><div class="cta_grid-col-01"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008b7e47ac344479039_grid-16.webp" loading="lazy" height="750" alt="Figma UI mockup" width="800" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008b7e47ac344479039_grid-16-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008b7e47ac344479039_grid-16.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083986fdb451a6a370_grid-17.webp" loading="lazy" height="533" alt="Figma UI mockup" width="800" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083986fdb451a6a370_grid-17-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083986fdb451a6a370_grid-17.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008c1bed6eee751dca4_grid-19.webp" loading="lazy" width="800" height="679" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008c1bed6eee751dca4_grid-19-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008c1bed6eee751dca4_grid-19.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c4664335373ec899a_grid-04.webp" loading="lazy" width="800" height="533" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c4664335373ec899a_grid-04-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c4664335373ec899a_grid-04.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0089fc4e64f41c2f7db_grid-18.webp" loading="lazy" width="800" height="822" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0089fc4e64f41c2f7db_grid-18-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0089fc4e64f41c2f7db_grid-18.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/></div><div class="cta_grid-col-02"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c3954ec50f271dac3_0ae914cac370bf8844f363cbed31a046_grid-06.webp" loading="lazy" width="800" height="735" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c3954ec50f271dac3_0ae914cac370bf8844f363cbed31a046_grid-06-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c3954ec50f271dac3_0ae914cac370bf8844f363cbed31a046_grid-06.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083baad94ea063f37b_grid-07.webp" loading="lazy" width="800" height="693" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083baad94ea063f37b_grid-07-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf0083baad94ea063f37b_grid-07.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00cd757f4d4cf82ad4b_grid-09.webp" loading="lazy" width="800" height="533" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00cd757f4d4cf82ad4b_grid-09-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00cd757f4d4cf82ad4b_grid-09.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b39ea28bbefbe7bbe_grid-08.webp" loading="lazy" width="800" height="717" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b39ea28bbefbe7bbe_grid-08-p-500.webp 500w, https://cdn.prod.website-files.com/63649
7626d3f0ebfdaba9784655/69abf00b39ea28bbefbe7bbe_grid-08.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c8f239b33cf421e73_grid-10.webp" loading="lazy" width="800" height="639" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c8f239b33cf421e73_grid-10-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c8f239b33cf421e73_grid-10.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/></div><div class="cta_grid-col-03"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6707589a1b65c9ab3a6f3027_grid-12.webp" loading="lazy" width="800" height="623" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6707589a1b65c9ab3a6f3027_grid-12-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/6707589a1b65c9ab3a6f3027_grid-12.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b3986fdb451a6a38d_grid-13.webp" loading="lazy" width="800" height="773" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b3986fdb451a6a38d_grid-13-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00b3986fdb451a6a38d_grid-13.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c97e9f0dba971f8eb_grid-14.webp" loading="lazy" width="800" height="688" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c97e9f0dba971f8eb_grid-14-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00c97e9f0dba971f8eb_grid-14.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008174e21ee275d178a_grid-20.webp" loading="lazy" width="800" height="533" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008174e21ee275d178a_grid-20-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf008174e21ee275d178a_grid-20.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00802b829fd04bbc16c_grid-15.webp" loading="lazy" width="800" height="533" alt="Figma UI mockup" srcset="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00802b829fd04bbc16c_grid-15-p-500.webp 500w, https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69abf00802b829fd04bbc16c_grid-15.webp 800w" sizes="(max-width: 800px) 100vw, 800px" class="cta_image"/></div></div></div></div></div></div></div></section><footer class="footer_component"><div class="page-padding"><div class="container-large"><div class="footer-content"><div class="footer_top-wrapper"><div class="footer_top-inner"><a href="/" aria-current="page" class="footer_logo-link show-tablet w-nav-brand w--current"><div class="logo_component"><div class="logo_logomark"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670469c6a815c532f3e893d9_logomark-bg.svg" loading="eager" height="" alt="Untitled UI logomark" class="logo_logomark-bg"/><div class="logo_logomark-blur"></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/67085e706eec80d4d64e4385_untitled-ui-palantir.svg" loading="lazy" alt="" class="logo_logomark-palantir"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69ab92d9fbcd5a80056d2b32_logotype.svg" loading="eager" width="107" height="32" alt="Untitled UI logotext" class="logo_logotype"/></div></a><div class="footer_newsletter-text-wrapper"><div class="margin-bottom margin-xxsmall"><div class="heading-xsmall text-color-gray900">Level up your design workflow</div></div><div class="text-size-medium">Untitled UI is the world&#x27;
762s largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast.<br/></div></div><div class="button-row is-reverse-mobile-portrait"><div class="button-wrapper max-width-full-mobile-portrait show-mobile-portrait show-1280px"><a href="/react/docs/introduction" class="button-secondary w-inline-block"><img width="20" height="20" alt="Documentation icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/682145ff23c440bb824d79e7_be2a1c152b6de9cea4a4a4381ec65a56_book-open-01.svg" loading="lazy" class="button-icon"/><div>Documentation</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/preview/figma" target="_blank" class="button-secondary w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" width="16" height="20" alt="Figma icon" class="button-icon is-figma-icon"/><div>Preview in Figma</div></a></div><div class="button-wrapper max-width-full-mobile-portrait"><a href="/pricing" class="button w-inline-block"><div>Buy now</div></a></div></div></div><div class="llm_component"><div class="text-size-medium">Ask about Untitled UI on</div><div class="llm_buttons"><a aria-label="Ask about Untitled UI on ChatGPT" rel="nofollow" href="https://chat.openai.com/?q=What%20is%20Untitled%20UI%20and%20how%20can%20I%20use%20it%20speed%20up%20my%20design%20and%20development%3F" target="_blank" class="llm_button w-inline-block"><div class="llm_icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
763<path d="M11.2097 18C10.6764 18 10.1697 17.8987 9.68969 17.696C9.20969 17.4933 8.78302 17.2107 8.40969 16.848C8.00435 16.9867 7.58302 17.056 7.14569 17.056C6.43102 17.056 5.76969 16.88 5.16169 16.528C4.55369 16.176 4.06302 15.696 3.68969 15.088C3.32702 14.48 3.14569 13.8027 3.14569 13.056C3.14569 12.7467 3.18835 12.4107 3.27369 12.048C2.84702 11.6533 2.51635 11.2 2.28169 10.688C2.04702 10.1653 1.92969 9.62133 1.92969 9.056C1.92969 8.48 2.05235 7.92533 2.29769 7.392C2.54302 6.85867 2.88435 6.4 3.32169 6.016C3.76969 5.62133 4.28702 5.34933 4.87369 5.2C4.99102 4.592 5.23635 4.048 5.60969 3.568C5.99369 3.07733 6.46302 2.69333 7.01769 2.416C7.57235 2.13867 8.16435 2 8.79369 2C9.32702 2 9.83369 2.10133 10.3137 2.304C10.7937 2.50667 11.2204 2.78933 11.5937 3.152C11.999 3.01333 12.4204 2.944 12.8577 2.944C13.5724 2.944 14.2337 3.12 14.8417 3.472C15.4497 3.824 15.935 4.304 16.2977 4.912C16.671 5.52 16.8577 6.19733 16.8577 6.944C16.8577 7.25333 16.815 7.58933 16.7297 7.952C17.1564 8.34667 17.487 8.80533 17.7217 9.328C17.9564 9.84 18.0737 10.3787 18.0737 10.944C18.0737 11.52 17.951 12.0747 17.7057 12.608C17.4604 13.1413 17.1137 13.6053 16.6657 14C16.2284 14.384 15.7164 14.6507 15.1297 14.8C15.0124 15.408 14.7617 15.952 14.3777 16.432C14.0044 16.9227 13.5404 17.3067 12.9857 17.584C12.431 17.8613 11.839 18 11.2097 18ZM7.25769 16C7.79102 16 8.25
763502 15.888 8.64969 15.664L11.6577 13.936C11.7644 13.8613 11.8177 13.76 11.8177 13.632V12.256L7.94569 14.48C7.71102 14.6187 7.47635 14.6187 7.24169 14.48L4.21769 12.736C4.21769 12.768 4.21235 12.8053 4.20169 12.848C4.20169 12.8907 4.20169 12.9547 4.20169 13.04C4.20169 13.584 4.32969 14.0853 4.58569 14.544C4.85235 14.992 5.22035 15.344 5.68969 15.6C6.15902 15.8667 6.68169 16 7.25769 16ZM7.41769 13.392C7.48169 13.424 7.54035 13.44 7.59369 13.44C7.64702 13.44 7.70035 13.424 7.75369 13.392L8.95369 12.704L5.09769 10.464C4.86302 10.3253 4.74569 10.1173 4.74569 9.84V6.368C4.21235 6.60267 3.78569 6.96533 3.46569 7.456C3.14569 7.936 2.98569 8.46933 2.98569 9.056C2.98569 9.57867 3.11902 10.08 3.38569 10.56C3.65235 11.04 3.99902 11.4027 4.42569 11.648L7.41769 13.392ZM11.2097 16.944C11.775 16.944 12.287 16.816 12.7457 16.56C13.2044 16.304 13.567 15.952 13.8337 15.504C14.1004 15.056 14.2337 14.5547 14.2337 14V10.544C14.2337 10.416 14.1804 10.32 14.0737 10.256L12.8577 9.552V14.016C12.8577 14.2933 12.7404 14.5013 12.5057 14.64L9.48169 16.384C10.0044 16.7573 10.5804 16.944 11.2097 16.944ZM11.8177 11.088V8.912L10.0097 7.888L8.18569 8.912V11.088L10.0097 12.112L11.8177 11.088ZM7.14569 5.984C7.14569 5.70667 7.26302 5.49867 7.49769 5.36L10.5217 3.616C9.99902 3.24267 9.42302 3.056 8.79369 3.056C8.22835 3.056 7.71635 3.184 7.25769 3.44C6.79902 3.696 6.43635 4.048 6.16969 4.496C5.91369 4.944 5.78569 5.44533 5.78569 6V9.44C5.78569 9.568 5.83902 9.66933 5.94569 9.744L7.14569 10.448V5.984ZM15.2737 13.632C15.807 13.3973 16.2284 13.0347 16.5377 12.544C16.8577 12.0533 17.0177 11.52 17.0177 10.944C17.0177 10.4213 16.8844 9.92 16.6177 9.44C16.351 8.96 16.0044 8.59733 15.5777 8.352L12.5857 6.624C12.5217 6.58133 12.463 6.56533 12.4097 6.576C12.3564 6.576 12.303 6.592 12.2497 6.624L11.0497 7.296L14.9217 9.552C15.039 9.616 15.1244 9.70133 15.1777 9.808C15.2417 9.904 15.2737 10.0213 15.2737 10.16V13.632ZM12.0577 5.504C12.2924 5.35467 12.527 5.35467 12.7617 5.504L15.8017 7.28C15.8017 7.20533 15.8017 7.10933 15.8017 6.992C15.8017 6.48 15.6737 5.99467 15.4177 5.536C15.1724 5.06667 14.815 4.69333 14.3457 4.416C13.887 4.13867 13.3537 4 12.7457 4C12.2124 4 11.7484 4.112 11.3537 4.336L8.34569 6.064C8.23902 6.13867 8.18569 6.24 8.18569 6.368V7.744L12.0577 5.504Z" fill="currentColor"/>
764</svg></div></a><a aria-label="Ask about Untitled UI on Claude" rel="nofollow" href="https://claude.ai/new?q=What%20is%20Untitled%20UI%20and%20how%20can%20I%20use%20it%20speed%20up%20my%20design%20and%20development%3F" target="_blank" class="llm_button w-inline-block"><div class="llm_icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
765<path d="M4.68092 12.639L7.83292 10.879L7.88092 10.719L7.83292 10.639H7.67292L7.14492 10.607L5.35292 10.559L3.78492 10.479L2.26492 10.399L1.88092 10.319L1.54492 9.83902L1.57692 9.59902L1.89692 9.39102L2.36092 9.42302L3.36892 9.50302L4.88892 9.59902L5.99292 9.66302L7.62492 9.85502H7.88092L7.91292 9.74302L7.83292 9.67902L7.76892 9.61502L6.18492 8.55902L4.48892 7.43902L3.59292 6.78302L3.11292 6.46302L2.87292 6.14302L2.77692 5.47102L3.20892 4.99102L3.80092 5.03902L3.94492 5.07102L4.53692 5.53502L5.81692 6.51102L7.46492 7.75902L7.70492 7.95102L7.80092 7.88702L7.81692 7.83902L7.70492 7.66302L6.82492 5.99902L5.86492 4.33502L5.43292 3.64702L5.32092 3.23102C5.27292 3.07102 5.25692 2.91102 5.25692 2.75102L5.73692 2.07902L6.02492 1.99902L6.69692 2.09502L6.95292 2.31902L7.36892 3.27902L8.02492 4.76702L9.06492 6.78302L9.38492 7.39102L9.54492 7.93502L9.59292 8.09502H9.70492V8.01502L9.78492 6.86302L9.94492 5.47102L10.1049 3.67902L10.1529 3.16702L10.4089 2.55902L10.8889 2.23902L11.3049 2.41502L11.6249 2.87902L11.5769 3.16702L11.4009 4.39902L10.9849 6.33502L10.7449 7.64702H10.8889L11.0489 7.47102L11.7049 6.60702L12.8089 5.23102L13.2889 4.67102L13.8649 4.07902L14.2329 3.79102H14.9209L15.4169 4.54302L15.1929 5.32702L14.4889 6.22302L13.8969 6.97502L13.0489 8.11102L12.5369 9.02302L12.5849 9.08702H12.6969L14.6169 8.67102L15.6409 8.49502L16.8569 8.28702L17.4169 8.54302L17.4809 8.79902L17.2569 9.34302L15.9449 9.66302L14.4089 9.98302L12.1209 10.511L12.0889 10.527L12.1209 10.575L13.1449 10.671L13.5929 10.703H14.6809L16.6969 10.863L17.2249 11.183L17.5289 11.615L17.4809 11.935L16.6649 12.351L15.5769 12.095L13.0169 11.487L12.1529 11.279H12.0249V11.343L12.7609 12.063L14.0889 13.263L15.7849 14.815L15.8649 15.199L15.6569 15.519L15.4329 15.487L13.9609 14.367L13.3849 13.887L12.1049 12.799H12.0249V12.911L12.3129 13.343L13.8809 15.695L13.9609 16.415L13.8489 16.639L13.4329 16.799L13.0009 16.703L12.0729 15.423L11.1129 13.983L10.3609 12.671L10.2809 12.735L9.81692 17.567L9.60892 17.807L9.12892 17.999L8.72892 17.679L8.50492 17.199L8.72892 16.207L8.98492 14.927L9.19292 13.903L9.38492 12.639L9.49692 12.223V12.191H9.38492L8.42492 13.519L6.98492 15.487L5.83292 16.703L5.56092 16.815L5.08092 16.575L5.12892 16.127L5.38492 15.759L6.98492 13.711L7.94492 12.447L8.58492 11.711L8.56892 11.631H8.52092L4.29692 14.383L3.54492 14.479L3.22492 14.159L3.25692 13.679L3.41692 13.519L4.69692 12.639H4.68092Z" fill="currentColor"/>
766</svg></div></a><a aria-label="Ask about Untitled UI on Perplexity" rel="nofollow" href="https://www.perplexity.ai/search/new?q=What%20is%20Untitled%20UI%20and%20how%20can%20I%20use%20it%20speed%20up%20my%20design%20and%20development%3F" target="_blank" class="llm_button w-inline-block"><div class="llm_icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
767<path d="M17.5473 6.0119H15.6608V2.44739C15.6607 2.32801 15.6268 2.2111 15.563 2.11022C15.4992 2.00933 15.408 1.92862 15.3002 1.87743C15.1915 1.82854 15.0715 1.81046 14.9532 1.82517C14.835 1.83988 14.723 1.88681 14.6296 1.96084L10.6285 5.29066V1.62966C10.6285 1.28621 10.3439 1 9.99962 1C9.65617 1 9.36997 1.28621 9.36997 1.62966V5.29884L5.37042 1.96084C5.27905 1.88289 5.
76716683 1.83345 5.04765 1.81862C4.92847 1.8038 4.80756 1.82424 4.69988 1.87743C4.59203 1.92862 4.5009 2.00933 4.43707 2.11022C4.37324 2.2111 4.33932 2.32801 4.33926 2.44739V6.01272H2.4511C2.2848 6.01379 2.12559 6.08027 2.00792 6.1978C1.89024 6.31532 1.82355 6.47444 1.82227 6.64074V13.3503C1.82227 13.6937 2.10766 13.9799 2.45192 13.9799H4.33844V17.5444C4.33844 17.7873 4.48072 18.0138 4.69824 18.1144C4.78235 18.1548 4.87478 18.175 4.96809 18.1733C5.11413 18.1716 5.25543 18.1212 5.3696 18.0302L9.37078 14.7012V18.3703C9.37078 18.7138 9.65536 19 9.99962 19C10.3431 19 10.6293 18.7138 10.6293 18.3703V14.7012L14.6296 18.0302C14.744 18.1214 14.8856 18.1718 15.032 18.1733C15.1247 18.1748 15.2166 18.1546 15.3002 18.1144C15.408 18.0632 15.4992 17.9825 15.563 17.8816C15.6268 17.7807 15.6607 17.6638 15.6608 17.5444V13.9791H17.5481C17.8916 13.9791 18.177 13.6945 18.177 13.3503V6.64074C18.1757 6.47422 18.1089 6.31489 17.9911 6.19722C17.8733 6.07954 17.7138 6.01297 17.5473 6.0119ZM14.4031 3.7893V6.0119H11.7357L14.4031 3.7893ZM5.59612 3.7893L8.26357 6.0119H5.59612V3.7893ZM3.07994 12.7222V7.2704H8.4819L4.52325 11.2282C4.46468 11.2866 4.41821 11.3559 4.3865 11.4322C4.35478 11.5086 4.33845 11.5904 4.33844 11.6731V12.7214H3.07994V12.7222ZM5.59612 13.3519V11.9339L9.37078 8.16009V13.0583L5.59612 16.2033V13.3511V13.3519ZM14.4031 16.2033L10.6285 13.0575V8.15928L14.4031 11.9339V16.2033ZM16.9185 12.7222H15.6608V11.6739C15.6608 11.5063 15.5938 11.3468 15.476 11.2299L11.5182 7.27121H16.9193L16.9185 12.7222Z" fill="currentColor"/>
768</svg></div></a><a aria-label="Ask about Untitled UI on Gemini" rel="nofollow" href="https://www.google.com/search?udm=50&amp;aep=11&amp;q=What%20is%20Untitled%20UI%20and%20how%20can%20I%20use%20it%20speed%20up%20my%20design%20and%20development%3F" target="_blank" class="llm_button w-inline-block"><div class="llm_icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
769<path d="M9.81623 1.00006C10.005 1.00006 10.1692 1.12898 10.2152 1.3121C10.3564 1.87222 10.5405 2.41856 10.7697 2.95003C11.3666 4.33676 12.1857 5.55055 13.2256 6.59048C14.266 7.63039 15.4794 8.44948 16.8661 9.04643C17.398 9.27557 17.9439 9.45971 18.504 9.60089C18.6871 9.64693 18.816 9.81114 18.816 9.99988C18.816 10.1886 18.6871 10.3528 18.504 10.3988C17.9439 10.54 17.3975 10.7242 16.8661 10.9533C15.4793 11.5503 14.2655 12.3694 13.2256 13.4093C12.1857 14.4497 11.3666 15.663 10.7697 17.0497C10.5405 17.5817 10.3564 18.1276 10.2152 18.6876C10.1692 18.8708 10.005 18.9997 9.81623 18.9997C9.62748 18.9997 9.46328 18.8708 9.41724 18.6876C9.27606 18.1276 9.09191 17.5812 8.86278 17.0497C8.26583 15.663 7.44723 14.4492 6.40683 13.4093C5.36637 12.3694 4.15311 11.5503 2.76637 10.9533C2.23439 10.7242 1.68856 10.54 1.12844 10.3988C0.945322 10.3528 0.816406 10.1886 0.816406 9.99988C0.81643 9.81114 0.945334 9.64693 1.12844 9.60089C1.68857 9.45971 2.2349 9.27559 2.76637 9.04643C4.15314 8.44946 5.3669 7.63042 6.40683 6.59048C7.44676 5.55055 8.2658 4.33679 8.86278 2.95003C9.09194 2.41804 9.27606 1.87222 9.41724 1.3121C9.46328 1.12899 9.62748 1.00009 9.81623 1.00006Z" fill="currentColor"/>
770</svg></div></a><a aria-label="Ask about Untitled UI on Grok" rel="nofollow" href="https://x.com/i/grok?text=What%20is%20Untitled%20UI%20and%20how%20can%20I%20use%20it%20speed%20up%20my%20design%20and%20development%3F" target="_blank" class="llm_button w-inline-block"><div class="llm_icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
771<path fill-rule="evenodd" clip-rule="evenodd" d="M7.725 12.325L14.3733 7.41083C14.6992 7.16917 15.165 7.26333 15.3208 7.6375C16.1375 9.61167 15.7725 11.9833 14.1458 13.6117C12.52 15.24 10.2567 15.5967 8.18833 14.7833L5.92917 15.8308C9.17 18.0483 13.105 17.5 15.5642 15.0367C17.515 13.0833 18.1192 10.4208 17.5542 8.02L17.5592 8.02583C16.74 4.49917 17.7608 3.08917 19.8508 0.206667C19.9008 0.138333 19.9508 0.07 20 0L17.2492 2.75417V2.74583L7.7225 12.3267M6.3525 13.5192C4.02583 11.2942 4.4275 7.85167 6.41167 5.86583C7.87917 4.39667 10.2842 3.79667 12.3833 4.67833L14.6375 3.63667C14.169 3.29201 13.6564 3.01174 13.1133 2.80333C11.7482 2.24458 10.2482 2.10199 8.80224 2.39351C7.35623 2.68502 6.02872 3.39762 4.98667 4.44167C2.87583 6.555 2.21167 9.805 3.35167 12.5783C4.20333 14.6508 2.8075 16.1167 1.40167 17.5967C0.9025 18.1217 0.4025 18.6458 0 19.2008L6.35 13.5217" fill="currentColor"/>
772</svg></div></a></div></div></div><div class="footer_menu-wrapper"><div class="w-layout-grid footer_links-wrapper"><div class="footer_links-column"><a href="/" aria-current="page" class="footer_logo-link w-nav-brand w--current"><div class="logo_component"><div class="logo_logomark">
772<img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670469c6a815c532f3e893d9_logomark-bg.svg" loading="eager" height="" alt="Untitled UI logomark" class="logo_logomark-bg"/><div class="logo_logomark-blur"></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/67085e706eec80d4d64e4385_untitled-ui-palantir.svg" loading="lazy" alt="" class="logo_logomark-palantir"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69ab92d9fbcd5a80056d2b32_logotype.svg" loading="eager" width="107" height="32" alt="Untitled UI logotext" class="logo_logotype"/></div></a><a aria-label="Untitled UI Gumroad page" href="https://untitledui.gumroad.com/l/untitled-ui" target="_blank" class="gumroad-footer_link w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/636837412728471e98d3b8da_gumroad-stars.svg" loading="lazy" width="232" height="96" alt="Gumroad 5 stars" class="gumroad-testimonial_badge"/></a><a aria-label="Product Hunt #1 Product of the Day" href="https://www.producthunt.com/products/untitled-ui/launches/untitled-ui-react" target="_blank" class="ph-badge_component w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1f16202f6fed721f84b3a_product-hunt-day.svg" loading="lazy" width="250" height="54" alt="Product Hunt #1 Product of the Day" class="ph-badge_image"/></a><a aria-label="Product Hunt #1 Product of the Day" href="https://www.producthunt.com/products/untitled-ui/launches/untitled-ui-icons" target="_blank" class="ph-badge_component w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1f16202f6fed721f84b3a_product-hunt-day.svg" loading="lazy" width="250" height="54" alt="Product Hunt #1 Product of the Day" class="ph-badge_image"/></a><a aria-label="Product Hunt #1 Product of the Week" href="https://www.producthunt.com/products/untitled-ui/launches/untitled-ui-icons" target="_blank" class="ph-badge_component w-inline-block"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/65b1f1629e53ff93ab786b0d_product-hunt-week.svg" loading="lazy" width="250" height="54" alt="Product Hunt #1 Product of the Week" class="ph-badge_image"/></a></div><div class="footer_links-column"><a href="/" aria-current="page" class="margin-bottom margin-xxsmall w-inline-block w--current"><div class="text-size-small text-weight-semibold text-color-primary700">Untitled UI</div></a><div class="footer_link-list"><a href="/" aria-current="page" class="footer_list-item w-inline-block w--current"><div>Home</div></a><a href="/pricing" class="footer_list-item w-inline-block"><div>Pricing</div></a><a href="/blog" class="footer_list-item w-inline-block"><div>Blog</div></a><a href="/faqs" class="footer_list-item w-inline-block"><div>FAQs</div></a><a href="/react/docs/introduction" class="footer_list-item w-inline-block"><div>Documentation</div></a><a href="/login" class="footer_list-item w-inline-block"><div>Sign in</div></a><a href="mailto:[email protected]?subject=%E2%9C%8C%EF%B8%8F%20Education%20discount%20(valid%20ID%20attached%20sent%20from%20student%20email%20address)" class="footer_list-item w-inline-block"><div>Students</div><div class="margin-left margin-tiny"><div class="badge is-badge-small"><div>50% off</div></div></div></a><a href="/affiliates" class="footer_list-item w-inline-block"><div>Affiliates</div><div class="margin-left margin-tiny"><div class="badge is-badge-small"><div>Earn 30%</div></div></div></a><a href="https://dribbble.com/jordanhughes" target="_blank" class="footer_list-item w-inline-block"><div>Examples</div></a><a href="/changelog" class="footer_list-item w-inline-block"><div>Changelog</div></a><a href="/license" class="footer_list-item w-inline-block"><div>License</div></a><a href="/eula" class="footer_list-item w-inline-block"><div>EULA</div></a><a href="/wall-of-love" class="footer_list-item w-inline-block"><div>Wall of love</div><div class="text-style-callout">NEW!</div></a><a href="/avatars" class="footer_list-item w-inline-block"><div>Untitled UI avatars</div><div class="text-style-callout">NEW!</div></a><a href="/logos" class="footer_list-item w-inline-block"><div>Untitled UI logos</div><div class="text-style-callout">NEW!</div></a></div><a href="/figma" class="margin-bottom margin-xxsmall w-inline-block"><div class="text-size-small text-weight-semibold text-color-primary700">Untitled UI Figma</div></a><div class="footer_link-list"><a href="/figma" class="footer_list-item w-inline-block"><div>Untitled UI Figma</div></a><a href="/free-figma-ui-kit" class="footer_list-item w-inline-block"><div>Untitled UI Figma <span class="text-color-gray500">FREE</span></div></a><a href="/buy/figma" target="_blank" class="footer_list-item w-inline-block"><div>Buy Untitled UI Figma</div></a><a href="/components" class="footer_list-item w-inline-block"><div>Figma components</div></a><a href="/preview/figma" target="_blank" class="footer_list-item w-inline-block"><div>Preview PRO VARIABLES</div></a><a href="/preview/figma/styles" target="_blank" class="footer_list-item w-inline-block"><div>Preview PRO STYLES</div></a><a href="/preview/figma/lite" target="_blank" class="footer_list-item w-inline-block"><div>Preview PRO LITE</div></a><a href="/intro" class="footer_list-item w-inline-block"><div>How it works</div></a></div><a href="/react" class="margin-bottom margin-xxsmall w-inline-block"><div class="text-size-small text-weight-semibold text-color-primary700">Untitled UI React</div></a><div class="footer_link-list"><a href="/react" class="footer_list-item w-inline-block"><div>Untitled UI React</div><div class="text-style-callout">NEW!</div></a><a href="/buy/react" target="_blank" class="footer_list-item w-inline-block"><div>Buy Untitled UI React</div></a><a href="/react/components" target="_blank" class="footer_list-item w-inline-block"><div>React components</div></a><a href="/react/docs/introduction" class="footer_list-item w-inline-block"><div>Documentation</div></a><a href="https://github.com/untitleduico" target="_blank" class="footer_list-item w-inline-block"><div>GitHub</div></a></div><a href="/icons" class="margin-bottom margin-xxsmall w-inline-block"><div class="text-size-small text-weight-semibold text-color-primary700">Untitled UI Icons</div></a><div class="footer_link-list"><a href="/icons" class="footer_list-item w-inline-block"><div>Untitled UI Icons</div></a><a href="/free-icons" class="footer_list-item w-inline-block"><div>Untitled UI Icons <span class="text-color-gray500">FREE</span></div></a><a href="/buy/icons" target="_blank" class="footer_list-item w-inline-block"><div>Buy Untitled UI Icons</div></a><a href="/preview/icons" target="_blank" class="footer_list-item w-inline-block"><div>Preview in Figma</div></a><a href="/download/icons" target="_blank" class="footer_list-item w-inline-block"><div>Free Figma library</div></a></div><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Webflow Library</div></div><div class="footer_link-list"><a href="https://www.relume.io/folder?p=untitled-ui" target="_blank" class="footer_list-item w-inline-block"><div>Relume Webflow Library</div></a><a href="https://webflow.com/libraries/detail/untitled-ui-library" target="_blank" class="footer_list-item w-inline-block"><div>Free Webflow Library</div></a></div><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Blog</div></div><div class="footer_link-list"><a href="/blog/figma-ui-kits" class="footer_list-item w-inline-block"><div>Best UI kits</div></a><a href="/blog/react-component-libraries" class="footer_list-item w-inline-block"><div>Best React libraries</div></a><a href="/blog/react-dashboards" class="footer_list-item w-inline-block"><div>Best React dashboards</div></a><a href="/blog/vibe-coding-libraries" class="footer_list-item w-inline-block"><div>Best vibe coding libraries</div></a><a href="/blog/icon-sets" class="footer_list-item w-inline-block"><div>Best icon sets</div></a><a href="/blog/free-icon-sets" class="footer_list-item w-inline-block"><div>Best free icon sets</div></a><a href="/blog/best-free-fonts" class="footer_list-item w-inline-block"><div>Best free fonts</div></a><a href="/blog/best-figma-courses" class="footer_list-item w-inline-block"><div>Best Figma courses</div></a><a href="/blog/best-free-figma-courses" class="footer_list-item w-inline-block"><div>Best free Figma courses</div></a><a href="/blog/ui-design-books" class="footer_list-item w-inline-block"><div>Best UI design books</div></a><a href="/blog/ux-design-books" class="footer_list-item w-inline-block"><div>
772Best UX design books</div></a><a href="/blog" class="footer_list-item w-inline-block"><div>View all blog posts</div></a></div></div><div class="footer_links-column"><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Foundation components</div></div><div class="w-dyn-list"><div role="list" class="footer_link-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/components/color-styles" class="footer_list-item w-inline-block"><div>Color styles</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/typography-styles" class="footer_list-item w-inline-block"><div>Typography styles</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/logos" class="footer_list-item w-inline-block"><div>Logos</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/icons" class="footer_list-item w-inline-block"><div>Icons</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/shadows-blurs" class="footer_list-item w-inline-block"><div>Shadows &amp; blurs</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/grids-spacing" class="footer_list-item w-inline-block"><div>Grids &amp; spacing</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/file-icons" class="footer_list-item w-inline-block"><div>File type icons</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/social-icons" class="footer_list-item w-inline-block"><div>Social icons</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/folder-icons" class="footer_list-item w-inline-block"><div>Folder icons</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/payment-icons" class="footer_list-item w-inline-block"><div>Payment icons</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/flag-icons" class="footer_list-item w-inline-block"><div>Country flag icons</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/integration-icons" class="footer_list-item w-inline-block"><div>Integration icons</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/cursors" class="footer_list-item w-inline-block"><div>Cursors</div></a></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Shared components</div></div><div class="w-dyn-list"><div role="list" class="footer_link-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/components/avatars" class="footer_list-item w-inline-block"><div>Avatars</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/badges" class="footer_list-item w-inline-block"><div>Badges</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/button-groups" class="footer_list-item w-inline-block"><div>Button groups</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/buttons" class="footer_list-item w-inline-block"><div>Buttons</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/checkboxes" class="footer_list-item w-inline-block"><div>Checkboxes</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/context-menus" class="footer_list-item w-inline-block"><div>Context menus</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/dropdowns" class="footer_list-item w-inline-block"><div>Dropdowns</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/inputs" class="footer_list-item w-inline-block"><div>Inputs</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/multi-select" class="footer_list-item w-inline-block"><div>Multi-select</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/progress-indicators" class="footer_list-item w-inline-block"><div>Progress indicators</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/radio-groups" class="footer_list-item w-inline-block"><div>Radio groups</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/select" class="footer_list-item w-inline-block"><div>Select</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/sliders" class="footer_list-item w-inline-block"><div>Sliders</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/tags" class="footer_list-item w-inline-block"><div>Tags</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/toggles" class="footer_list-item w-inline-block"><div>Toggles</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/tooltips" class="footer_list-item w-inline-block"><div>Tooltips</div></a></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Shared assets</div></div><div class="w-dyn-list"><div role="list" class="footer_link-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/components/404-page-headers" class="footer_list-item w-inline-block"><div>404 page headers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/banners" class="footer_list-item w-inline-block"><div>Banners</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/credit-cards" class="footer_list-item w-inline-block"><div>Credit cards</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/design-annotations" class="footer_list-item w-inline-block"><div>Design annotations</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/device-mockups" class="footer_list-item w-inline-block"><div>Device mockups</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/email-templates" class="footer_list-item w-inline-block"><div>Email templates</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/forgot-password-headers" class="footer_list-item w-inline-block"><div>Forgot password headers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/log-in-headers" class="footer_list-item w-inline-block"><div>Log in page headers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/miscellaneous-assets" class="footer_list-item w-inline-block"><div>Miscellaneous assets</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/portfolio-mockups" class="footer_list-item w-inline-block"><div>Portfolio mockups</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/sign-up-headers" class="footer_list-item w-inline-block"><div>Sign up page headers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/verification-headers" class="footer_list-item w-inline-block"><div>Verification page headers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/video-players" class="footer_list-item w-inline-block"><div>Video players</div></a></div></div></div></div><div class="footer_links-column"><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Marketing examples</div></div><div class="w-dyn-list"><div role="list" class="footer_link-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/components/404-pages" class="footer_list-item w-inline-block"><div>404 page examples</div></a></div><div role="listitem" class="w-dyn-item">
772<a href="/components/about-pages" class="footer_list-item w-inline-block"><div>About page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/blogs" class="footer_list-item w-inline-block"><div>Blog examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/blog-posts" class="footer_list-item w-inline-block"><div>Blog post examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/contact-pages" class="footer_list-item w-inline-block"><div>Contact page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/faq-page-examples" class="footer_list-item w-inline-block"><div>FAQ page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/landing-pages" class="footer_list-item w-inline-block"><div>Landing page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/legal-pages" class="footer_list-item w-inline-block"><div>Legal page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/log-in-pages" class="footer_list-item w-inline-block"><div>Log in page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/pricing-pages" class="footer_list-item w-inline-block"><div>Pricing page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/sign-up-pages" class="footer_list-item w-inline-block"><div>Sign up page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/team-pages" class="footer_list-item w-inline-block"><div>Team page examples</div></a></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Marketing components</div></div><div class="w-dyn-list"><div role="list" class="footer_link-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/components/blog-post-sections" class="footer_list-item w-inline-block"><div>Blog post sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/blog-sections" class="footer_list-item w-inline-block"><div>Blog sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/careers-sections" class="footer_list-item w-inline-block"><div>Careers sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/contact-sections" class="footer_list-item w-inline-block"><div>Contact sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/content-sections" class="footer_list-item w-inline-block"><div>Content &amp; rich text sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/cta-sections" class="footer_list-item w-inline-block"><div>CTA sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/faq-sections" class="footer_list-item w-inline-block"><div>FAQ sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/features-sections" class="footer_list-item w-inline-block"><div>Features sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/footers" class="footer_list-item w-inline-block"><div>Footers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/header-navigations" class="footer_list-item w-inline-block"><div>Header navigations</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/header-sections" class="footer_list-item w-inline-block"><div>Header sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/metrics-sections" class="footer_list-item w-inline-block"><div>Metrics sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/newsletter-cta-sections" class="footer_list-item w-inline-block"><div>Newsletter CTA sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/press-mentions-sections" class="footer_list-item w-inline-block"><div>Press mentions sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/pricing-sections" class="footer_list-item w-inline-block"><div>Pricing sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/social-proof-sections" class="footer_list-item w-inline-block"><div>Social proof sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/team-sections" class="footer_list-item w-inline-block"><div>Team sections</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/testimonial-sections" class="footer_list-item w-inline-block"><div>Testimonial sections</div></a></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Application UI examples</div></div><div class="w-dyn-list"><div role="list" class="footer_link-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/components/dashboards" class="footer_list-item w-inline-block"><div>Dashboard examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/settings-pages" class="footer_list-item w-inline-block"><div>Settings page examples</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/informational-pages" class="footer_list-item w-inline-block"><div>Informational page examples</div></a></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Social</div></div><div class="footer_link-list"><a href="https://dribbble.com/jordanhughes" target="_blank" class="footer_list-item w-inline-block"><div>Dribbble</div></a><a href="https://x.com/untitledui" target="_blank" class="footer_list-item w-inline-block"><div>X (Twitter)</div></a><a href="https://github.com/untitleduico" target="_blank" class="footer_list-item w-inline-block"><div>GitHub</div></a><a href="https://layers.to/god" target="_blank" class="footer_list-item w-inline-block"><div>Layers</div></a><a href="https://www.instagram.com/untitledui/" target="_blank" class="footer_list-item w-inline-block"><div>Instagram</div></a><a href="https://www.youtube.com/@jordan_hughes" target="_blank" class="footer_list-item w-inline-block"><div>YouTube</div></a><a href="https://www.figma.com/@designer" target="_blank" class="footer_list-item w-inline-block"><div>Figma Community</div></a><a href="https://cal.com/untitledui" target="_blank" class="footer_list-item w-inline-block"><div>Cal.com</div></a><a href="https://onelink.to/cvm5sd" target="_blank" class="footer_list-item w-inline-block"><div>Onelink.to</div></a></div></div><div class="footer_links-column"><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Application UI components</div></div><div class="w-dyn-list"><div role="list" class="footer_link-list w-dyn-items"><div role="listitem" class="w-dyn-item">
772<a href="/components/activity-feeds" class="footer_list-item w-inline-block"><div>Activity feeds</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/activity-gauges" class="footer_list-item w-inline-block"><div>Activity gauges</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/alerts" class="footer_list-item w-inline-block"><div>Alerts</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/application-header-navigations" class="footer_list-item w-inline-block"><div>Application header navigations</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/breadcrumbs" class="footer_list-item w-inline-block"><div>Breadcrumbs</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/calendars" class="footer_list-item w-inline-block"><div>Calendars</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/card-headers" class="footer_list-item w-inline-block"><div>Card headers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/carousels" class="footer_list-item w-inline-block"><div>Carousels</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/code-snippets" class="footer_list-item w-inline-block"><div>Code snippets</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/color-pickers" class="footer_list-item w-inline-block"><div>Color pickers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/command-menus" class="footer_list-item w-inline-block"><div>Command menus (⌘+K)</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/content-dividers" class="footer_list-item w-inline-block"><div>Content dividers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/date-pickers" class="footer_list-item w-inline-block"><div>Date pickers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/drawers" class="footer_list-item w-inline-block"><div>Drawers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/empty-states" class="footer_list-item w-inline-block"><div>Empty states</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/file-uploaders" class="footer_list-item w-inline-block"><div>File uploaders</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/filters" class="footer_list-item w-inline-block"><div>Filters</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/horizontal-tabs" class="footer_list-item w-inline-block"><div>Horizontal tabs</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/inline-ctas" class="footer_list-item w-inline-block"><div>Inline CTAs</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/line-bar-charts" class="footer_list-item w-inline-block"><div>Line &amp; bar charts</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/loading-indicators" class="footer_list-item w-inline-block"><div>Loading indicators</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/messaging" class="footer_list-item w-inline-block"><div>Messaging</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/metrics" class="footer_list-item w-inline-block"><div>Metrics</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/modals" class="footer_list-item w-inline-block"><div>Modals</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/notifications" class="footer_list-item w-inline-block"><div>Notifications</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/page-headers" class="footer_list-item w-inline-block"><div>Page headers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/pagination" class="footer_list-item w-inline-block"><div>Pagination</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/pie-charts" class="footer_list-item w-inline-block"><div>Pie charts</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/progress-circles" class="footer_list-item w-inline-block"><div>Progress circles</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/progress-steps" class="footer_list-item w-inline-block"><div>Progress steps</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/radar-charts" class="footer_list-item w-inline-block"><div>Radar charts</div></a></div><div role="listitem" class="w-dyn-item">
772<a href="/components/section-footers" class="footer_list-item w-inline-block"><div>Section footers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/section-headers" class="footer_list-item w-inline-block"><div>Section headers</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/sidebar-navigations" class="footer_list-item w-inline-block"><div>Sidebar navigations</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/tables" class="footer_list-item w-inline-block"><div>Tables</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/tree-views" class="footer_list-item w-inline-block"><div>Tree views</div></a></div><div role="listitem" class="w-dyn-item"><a href="/components/vertical-tabs" class="footer_list-item w-inline-block"><div>Vertical tabs</div></a></div></div></div><div class="margin-bottom margin-xxsmall"><div class="text-size-small text-weight-semibold text-color-primary700">Legal</div></div><div class="footer_link-list"><a href="/license" class="footer_list-item w-inline-block"><div>License</div></a><a href="/eula" class="footer_list-item w-inline-block"><div>EULA</div></a><a href="/dpa" class="footer_list-item w-inline-block"><div>DPA</div></a><a href="/security" class="footer_list-item w-inline-block"><div>Security</div></a><a href="/subprocessors" class="footer_list-item w-inline-block"><div>Subprocessors</div></a><a href="/privacy" class="footer_list-item w-inline-block"><div>Privacy</div></a><a href="/terms" class="footer_list-item w-inline-block"><div>Terms</div></a><a href="/cookies" class="footer_list-item w-inline-block"><div>Cookies</div></a></div></div></div><div class="w-layout-grid nav-menu-accordion_component"><a href="/" aria-current="page" class="nav-menu-accordion_accordion w-inline-block w--current"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Home</div></div></a><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="icon-nav_component is-nav-tablet"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Figma</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="/figma" class="accordion_link w-inline-block"><div>Untitled UI Figma</div></a><a href="/free-figma-ui-kit" class="accordion_link w-inline-block"><div>Untitled UI Figma <span class="text-color-gray500">FREE</span></div></a><a href="/components" class="accordion_link w-inline-block"><div>Figma components</div></a><a href="/preview/figma" target="_blank" class="accordion_link w-inline-block"><div>Preview PRO VARIABLES in Figma</div></a><a href="/preview/figma/styles" target="_blank" class="accordion_link w-inline-block"><div>Preview PRO STYLES in Figma</div></a><a href="/preview/figma/lite" target="_blank" class="accordion_link w-inline-block"><div>Preview PRO LITE in Figma</div></a><div class="accordion_button-wrapper"><div class="button-row"><div class="button-wrapper"><a href="/preview/figma" target="_blank" class="button-secondary is-button-xsmall overflow-hidden w-inline-block"><div class="button-content-wrapper"><img width="16" height="20" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" class="button-icon is-figma-icon"/><div>Preview in Figma</div><img width="16" height="16" alt="Arrow icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab5f36dc1323f910f2168_13301ca2ab890fab2eeeed5e714c9934_arrow-up-right.svg" loading="lazy" class="button-icon is-button-arrow"/></div></a></div><div class="button-wrapper"><a href="/buy/figma" target="_blank" class="button is-button-xsmall w-inline-block"><div>Buy now</div></a></div></div></div></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="icon-nav_component is-nav-tablet"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/63649
7726d3f0ebfdaba9784655/68746c46c27c24c625537c55_react-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI React</div><div class="text-style-callout">NEW!</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="/react" class="accordion_link w-inline-block"><div>Untitled UI React</div></a><a href="/react/components" class="accordion_link w-inline-block"><div>Untitled UI React <span class="text-color-gray500">FREE</span></div></a><a href="/react/components" class="accordion_link w-inline-block"><div>React components</div></a><a href="/react/docs/introduction" class="accordion_link w-inline-block"><div>Documentation</div></a><a href="https://github.com/untitleduico" target="_blank" class="accordion_link w-inline-block"><div>GitHub</div></a><div class="accordion_button-wrapper"><div class="button-row"><div class="button-wrapper"><a href="/react/docs/introduction" class="button-secondary is-button-xsmall w-inline-block"><img width="20" height="20" alt="Documentation icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/682145ff23c440bb824d79e7_be2a1c152b6de9cea4a4a4381ec65a56_book-open-01.svg" loading="lazy" class="button-icon"/><div>Documentation</div></a></div><div class="button-wrapper"><a href="/buy/react" target="_blank" class="button is-button-xsmall w-inline-block"><div>Buy now</div></a></div></div></div></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="icon-nav_component is-nav-tablet"><div class="icon-nav_inner"><img width="24" height="24" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/68746c464b7b7ce577dcff3b_figma-icon-nav.svg" loading="lazy" class="icon-nav_icon"/></div></div><div class="text-size-medium text-weight-semibold text-color-gray900">Untitled UI Icons</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="/icons" class="accordion_link w-inline-block"><div>Untitled UI Icons</div></a><a href="/free-icons" class="accordion_link w-inline-block"><div>Untitled UI Icons <span class="text-color-gray500">FREE</span></div></a><a href="/preview/icons" target="_blank" class="accordion_link w-inline-block"><div>Preview in Figma</div></a><a href="/download/icons" target="_blank" class="accordion_link w-inline-block"><div>Download free Figma library</div></a><div class="accordion_button-wrapper"><div class="button-row"><div class="button-wrapper hide-mobile-portrait"><a href="/free-icons" class="button-secondary is-button-xsmall w-inline-block"><img width="20" height="20" alt="Download icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681b0403327233cca1dab392_9a5947c7a052c510299a14038c2597da_download-icon.svg" loading="lazy" class="button-icon"/><div>Free icons</div></a></div><div class="button-wrapper"><a href="/preview/icons" target="_blank" class="button-secondary is-button-xsmall overflow-hidden w-inline-block"><div class="button-content-wrapper"><img width="16" height="20" alt="Figma icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab53fc653484d67421f94_figma-icon.svg" loading="lazy" class="button-icon is-figma-icon"/><div>Preview in Figma</div><img width="16" height="16" alt="Arrow icon" src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/681ab5f36dc1323f910f2168_13301ca2ab890fab2eeeed5e714c9934_arrow-up-right.svg" loading="lazy" class="button-icon is-button-arrow"/></div></a></div><div class="button-wrapper"><a href="/buy/icons" target="_blank" class="button is-button-xsmall w-inline-block"><div>Buy now</div></a></div></div></div></div></div></div><a href="/pricing" class="nav-menu-accordion_accordion w-inline-block"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">
772Pricing</div></div></a><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Components</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="/components" class="accordion_link w-inline-block"><div>Figma components</div></a><a href="/react/components" class="accordion_link w-inline-block"><div>React components</div><div class="text-style-callout">NEW!</div></a></div></div></div><a href="/faqs" class="nav-menu-accordion_accordion w-inline-block"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">FAQs</div></div></a><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Blog</div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><div class="w-dyn-list"><div role="list" class="nav-dropdown_list-blog w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/blog/untitled-ui-vs-shadcn" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6aab654ac31f84be5c036336_untitled-ui-vs-shadcn-ui-nav.webp" loading="lazy" alt="Untitled UI React and shadcn/ui component libraries compared" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Untitled UI vs. shadcn/ui</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Comparing Untitled UI React and shadcn/ui in 2026? Both hand you the code. We break down components, templates, features, Figma parity, AI tooling and pricing.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/tailwind-plus-alternatives" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6aaa319f9a50844e72fe58dc_tailwind-plus-alternatives-nav.webp" loading="lazy" alt="Tailwind Plus alternatives in 2026 after the Shopify acquisition" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Tailwind Plus Alternatives</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Tailwind Plus (formerly Tailwind UI) closed to new customers after Shopify acquired Tailwind Labs. Here are the best Tailwind CSS component libraries to use instead.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/vibe-coding-libraries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a432b1eba810b35431f61c0_best-vibe-coding-libraries-nav.webp" loading="lazy" alt="Website screenshots of some popular UI component libraries" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">22 Best UI Libraries for Vibe Coding in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Looking for the best UI component libraries for vibe coding in 2026? We compared the top React UI libraries, design systems, and AI-ready component libraries to find which w
772ork best with Cursor, Claude Code, v0, Bolt, Lovable, and other AI coding tools.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/react-dashboards" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6aaa30a582302065fb2d4c52_best-react-dashboards-nav.webp" loading="lazy" alt="Website screenshots of some popular React UI dashboard templates" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">19 Best React Dashboards in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Nineteen React dashboards and admin templates compared on stack, component depth, licensing and price — free and premium options side by side.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/react-component-libraries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/68da31e38aca948a7b57aebf_best-react-component-libraries-nav.webp" loading="lazy" alt="Website screenshots of some popular React UI component libraries" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">15 Best Modern React UI Component Libraries</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Looking for the best modern React UI component libraries in 2026, including solid alternatives to MUI and Shadcn UI? We&#x27;ve done the research and compiled the absolute best libraries here for you in one place!</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/create-tables-in-figma" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/670c5639fb2237fb4f3ef459_create-tables-in-figma-nav.webp" loading="lazy" alt="Table components in Figma" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">How to Create Data Tables in Figma</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Create responsive data tables in Figma with our ultimate guide and free Figma file. Learn Auto Layout best practices, how to create visual hierarchy, and how to create flexible and responsive tables the right way.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/figma-color-palettes" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/670c613a78df10316fa123ee_figma-color-palettes-nav.webp" loading="lazy" alt="A color palette used in Figma components" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Ultimate Guide to Color Palettes in Figma</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Create the perfect color palettes in Figma with our ultimate guide and free Figma library. Learn about color theory, accessibility best practices, and the best tools for creating color palettes online and in Figma.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ux-design-books" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9b6eff61d87e0be11a6ce0_6a9b6aceb8275f17670ecf6b_ux-design-books-nav.webp" loading="lazy" alt="Floating mockups of some UX de
772sign books" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Top 19 Books to Learn UX Design in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Our top 19 books to learn modern UX design, from usability classics to research, discovery and AI-era UX, with who each one is for and what you&#x27;ll take away.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ui-design-books" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9b6c93218219c72c142734_6a9b6ace6c14efc30f24482a_ui-design-books-nav.webp" loading="lazy" alt="A grid of mockups of some UI design books" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">24 Best Books for UI Design (2026)</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Looking to level up your UI design skills in 2026? There&#x27;s never been a better time to learn — here&#x27;s our list of the best books to improve your UI design skills.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/icon-sets" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9679c66c281c429e3056e5_best-icon-sets-nav.webp" loading="lazy" alt="A selection of icons from Untitled UI Icons" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">13 Best PAID Icon Sets for UI Design in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">There are hundreds of great icon sets on the market today. We&#x27;ve searched through them all to bring you the absolute best icon sets for modern UI design!</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ui-design-skills" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/670c75d24458519e4d74b084_how-to-improve-your-ui-design-skills-nav.webp" loading="lazy" alt="A breakdown of a modal UI component design" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">How to Improve Your UI Design Skills</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Practical ways to develop an eye for UI design: what to study, what to copy, what to stop doing, and the habits that separate good designers from great ones.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/what-is-a-design-system" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9a5c2e4e69da0eba035880_what-is-a-design-system-nav.webp" loading="lazy" alt="Mockups of various popular design systems" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">What is a Design System? (2026 guide)</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Design systems get talked about constantly and defined badly. Here&#x27;s what one actually contains, how it differs from a UI kit or style guide, and real examples from teams shipping at scale.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/best-free-figma-courses" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9ce774c97bd680f8463762_6a9ce5146304f91c8bcc8c33_best-free-figma-courses-nav.webp" loading="lazy" alt="A colorful grid design from Figma" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">12 Best FREE Figma Courses (2026)</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Twelve free Figma courses that teach the tool as it works today, from your first file through auto layout, components and design systems, in the order we&#x27;d take them.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/best-figma-courses" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9ce83ae8cb5f32ec1ed269_6a9ce514e9df2d9d52a7b797_best-figma-courses-nav.webp" loading="lazy" alt="A colorful grid design from Figma" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">14 Best Figma Courses (2026 edition)</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">The 14 best Figma courses in 2026 ranked by what you&#x27;ll actually be able to do afterwards, from your first file through to design systems and prototyping.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/product-designer-salaries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9e5156bf75b0bee4d2952b_6a9e4efd48aca47bbd9295f3_product-designer-salaries-nav.webp" loading="lazy" alt="Two Product Designers working at a desk" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">Product &amp; UI Designer Salaries</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Real 2026 salary data for product designers and UI designers, by experience level, city, country and company, including level-by-level total compensation at Google, Meta, Apple and other big tech companies.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/ux-designer-salaries" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9e5049fec4d4054b952020_6a9e4f03efa8187e5d1540c2_ux-designer-salaries-nav.webp" loading="lazy" alt="A UX Designer in an office" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">How Much Do UX Designers Make?</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">
772What UX designers earn in 2026, by experience level, city, country and company, with accurate compensation data from Glassdoor, Indeed, Levels.fyi and the BLS.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/what-is-a-ui-kit" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9a4259dbcdc6aa1ab9e1c5_what-is-a-ui-kit-nav.webp" loading="lazy" alt="A selection of UI design components from Figma" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">What is a UI Kit? Examples and Why You Should Use One</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">What a UI kit actually includes, when it saves you weeks and when it slows you down, and how to tell a well-built one from a pretty screenshot.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/figma-ui-kits" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a93c6128194375628f38619_best-figma-ui-kits-nav.webp" loading="lazy" alt="Website screenshots of some popular Figma UI kits" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">30 Best Figma UI Kits and Design Systems</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Thirty kits, opened and pulled apart in Figma. Component counts, variables support, licensing and pricing — with a comparison table up top so you can find yours in about ten seconds.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/best-free-fonts" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a9682fb77b35e9ae77f1ef4_best-fonts-for-ui-design-nav.webp" loading="lazy" alt="A series of typeface specimen images" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">31 Best Free Fonts for Modern UI Design</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">Looking for the perfect font for modern UI design? Here are our picks for the top 31 free typefaces that are perfect for UI, plus our typography rules and best practices.</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/free-icon-sets" class="nav-dropdown_item is-blog-dropdown w-inline-block"><div id="w-node-e17ea6ea-d6c3-c619-3ac0-e2cedd59ad51-308551e8" class="nav-dropdown_image-wrapper is-mobile"><img src="https://cdn.prod.website-files.com/6365d860c7b7a7191055eb8a/6a96716a949c97d8e15c570c_best-free-icon-sets-nav.webp" loading="lazy" alt="A selection of icons from Untitled UI Icons" class="nav-dropdown_image"/></div><div><div class="nav-dropdown_header"><div class="text-size-medium text-weight-semibold text-color-gray900 text-style-2lines">25 Best FREE Icon Sets for UI Design in 2026</div></div><div class="text-size-small text-style-2lines hide-mobile-portrait">A good quality icon set for interface design is invaluable. We&#x27;ve searched through hundreds and have curated the 25 best free icon sets for UI design in one place!</div></div></a></div></div></div><div class="accordion_button-wrapper"><div class="button-row"><div class="button-wrapper"><a href="/blog" class="button is-button-xsmall w-inline-block"><div>View all blog posts</div></a></div></div></div></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="item-text-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Resources</div></div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu">
772<a href="/free-figma-ui-kit" class="accordion_link w-inline-block"><div>Untitled UI Figma <span class="text-color-gray500">FREE</span></div></a><a href="/free-icons" class="accordion_link w-inline-block"><div>Untitled UI Icons <span class="text-color-gray500">FREE</span></div></a><a href="/avatars" class="accordion_link w-inline-block"><div>Untitled UI Avatars</div><div class="text-style-callout">NEW!</div></a><a href="/logos" class="accordion_link w-inline-block"><div>Untitled UI Logos</div><div class="text-style-callout">NEW!</div></a><a href="https://www.relume.io/folder?p=untitled-ui" target="_blank" class="accordion_link w-inline-block"><div>Relume Webflow Library</div></a><a href="https://webflow.com/libraries/detail/untitled-ui-library" target="_blank" class="accordion_link w-inline-block"><div>Free Webflow Library</div></a></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">More</div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="/" aria-current="page" class="accordion_link w-inline-block w--current"><div>Home</div></a><a href="/pricing" class="accordion_link w-inline-block"><div>Pricing</div></a><a href="/blog" class="accordion_link w-inline-block"><div>Blog</div></a><a href="/faqs" class="accordion_link w-inline-block"><div>FAQs</div></a><a href="/react/docs/introduction" class="accordion_link w-inline-block"><div>Documentation</div></a><a href="/login" class="accordion_link w-inline-block"><div>Sign in</div></a><a href="mailto:[email protected]?subject=%E2%9C%8C%EF%B8%8F%20Education%20discount%20(ID%20attached)" class="accordion_link w-inline-block"><div>Students</div><div class="margin-left margin-tiny"><div class="badge is-badge-small"><div>50% off</div></div></div></a><a href="/affiliates" class="accordion_link w-inline-block"><div>Affiliates</div><div class="margin-left margin-tiny"><div class="badge is-badge-small"><div>Earn 30%</div></div></div></a><a href="https://dribbble.com/jordanhughes" target="_blank" class="accordion_link w-inline-block"><div>Examples</div></a><a href="/changelog" class="accordion_link w-inline-block"><div>Changelog</div></a><a href="/wall-of-love" class="accordion_link w-inline-block"><div>Wall of love</div><div class="text-style-callout">NEW!</div></a><a href="/license" class="accordion_link w-inline-block"><div>License</div></a><a href="/eula" class="accordion_link w-inline-block"><div>EULA</div></a><a href="/dpa" class="accordion_link w-inline-block"><div>DPA</div></a><a href="/subprocessors" class="accordion_link w-inline-block"><div>Security</div></a><a href="/subprocessors" class="accordion_link w-inline-block"><div>Subprocessors</div></a><a href="/privacy" class="accordion_link w-inline-block"><div>Privacy</div></a><a href="/terms" class="accordion_link w-inline-block"><div>Terms</div></a><a href="/cookies" class="accordion_link w-inline-block"><div>Cookies</div></a><a href="/reports/scams" class="accordion_link is-last w-inline-block"><div>Avoid scams</div></a></div></div></div><div class="nav-menu-accordion_accordion"><div class="nav-menu-accordion_header-wrapper"><div class="text-size-medium text-weight-semibold text-color-gray900">Social</div><div class="accordion-plus_component"><div class="accordion-plus_vertical-wrapper"><div class="accordion-plus_line"></div></div><div class="accordion-plus_horizontal-wrapper"><div class="accordion-plus_line"></div></div></div></div><div class="nav-menu-accordion_content-wrapper"><div class="accordion_content is-nav-menu"><a href="https://dribbble.com/jordanhughes" target="_blank" class="accordion_link w-inline-block"><div>Dribbble</div></a><a href="https://x.com/untitledui" target="_blank" class="accordion_link w-inline-block"><div>X (Twitter)</div></a><a href="https://github.com/untitleduico" class="accordion_link 
772w-inline-block"><div>GitHub</div></a><a href="https://layers.to/god" target="_blank" class="accordion_link w-inline-block"><div>Layers</div></a><a href="https://www.instagram.com/untitledui/" target="_blank" class="accordion_link w-inline-block"><div>Instagram</div></a><a href="https://www.youtube.com/@jordan_hughes" class="accordion_link w-inline-block"><div>YouTube</div></a><a href="https://www.figma.com/@designer" target="_blank" class="accordion_link is-last w-inline-block"><div>Figma Community</div></a></div></div></div></div></div><div class="footer_bottom-wrapper"><div class="footer_bottom-menu"><a href="/" aria-current="page" class="footer_logo-link w-nav-brand w--current"><div class="logo_component"><div class="logo_logomark"><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670469c6a815c532f3e893d9_logomark-bg.svg" loading="eager" height="" alt="Untitled UI logomark" class="logo_logomark-bg"/><div class="logo_logomark-blur"></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/67085e706eec80d4d64e4385_untitled-ui-palantir.svg" loading="lazy" alt="" class="logo_logomark-palantir"/></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69ab92d9fbcd5a80056d2b32_logotype.svg" loading="eager" width="107" height="32" alt="Untitled UI logotext" class="logo_logotype"/></div></a><div class="footer_social-icons"><a aria-label="Dribbble profile" href="https://dribbble.com/jordanhughes" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
773<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47939 0 0 4.47939 0 10C0 15.5206 4.47939 20 10 20C15.5098 20 20 15.5206 20 10C20 4.47939 15.5098 0 10 0ZM16.6052 4.60954C17.7983 6.06291 18.5141 7.91756 18.5358 9.92406C18.2538 9.86987 15.4338 9.295 12.5922 9.65294C12.5271 9.51194 12.4729 9.36006 12.4078 9.20825C12.2343 8.79613 12.0391 8.37312 11.8438 7.97181C14.9891 6.692 16.4208 4.84816 16.6052 4.60954ZM10 1.47506C12.1692 1.47506 14.154 2.28851 15.6616 3.62256C15.5097 3.83948 14.2191 5.56399 11.1822 6.70281C9.78306 4.13232 8.23213 2.0282 7.9935 1.70282C8.63338 1.55097 9.30588 1.47506 10 1.47506ZM6.36662 2.27766C6.59437 2.58134 8.11281 4.69631 9.53363 7.21256C5.5423 8.2755 2.01736 8.25381 1.63774 8.25381C2.19089 5.60738 3.98047 3.40564 6.36662 2.27766ZM1.45336 10.0109C1.45336 9.92406 1.45336 9.83731 1.45336 9.75056C1.82213 9.76137 5.96529 9.81562 10.2278 8.53581C10.4773 9.013 10.705 9.50106 10.9219 9.98913C10.8134 10.0217 10.6941 10.0542 10.5857 10.0867C6.18221 11.5076 3.83948 15.3904 3.64425 15.7158C2.2885 14.2082 1.45336 12.2018 1.45336 10.0109ZM10 18.5466C8.026 18.5466 6.20391 17.8742 4.76139 16.7462C4.91323 16.4317 6.64856 13.0911 11.4642 11.41C11.4859 11.3991 11.4968 11.3991 11.5184 11.3883C12.7223 14.5011 13.2104 17.1149 13.3406 17.8633C12.3102 18.308 11.1822 18.5466 10 18.5466ZM14.7614 17.0824C14.6746 16.5618 14.2191 14.0673 13.1019 10.9978C15.7809 10.5748 18.1236 11.269 18.4165 11.3666C18.0478 13.7419 16.6811 15.7917 14.7614 17.0824Z" fill="currentColor"/>
774</svg></div></a><a aria-label="Twitter profile" href="https://x.com/untitledui" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
775<path fill-rule="evenodd" clip-rule="evenodd" d="M13.1385 18.75L8.72415 12.458L3.19798 18.75H0.860062L7.68691 10.9793L0.860062 1.25H6.86252L11.023 7.18013L16.2358 1.25H18.5737L12.0637 8.66084L19.1409 18.75H13.1385ZM15.742 16.9762H14.168L4.20761 3.02386H5.78181L9.77102 8.61047L10.4609 9.57989L15.742 16.9762Z" fill="currentColor"/>
776</svg></div></a><a aria-label="Dribbble profile" href="https://github.com/untitleduico" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
777<g clip-path="url(#clip0_8980_1861)">
778<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.477 0 0 4.484 0 10.017C0 14.442 2.865 18.197 6.839 19.521C7.339 19.613 7.521 19.304 7.521 19.038C7.521 18.801 7.513 18.17 7.508 17.335C4.726 17.94 4.139 15.992 4.139 15.992C3.685 14.834 3.029 14.526 3.029 14.526C2.121 13.906 3.098 13.918 3.098 13.918C4.101 13.988 4.629 14.95 4.629 14.95C5.521 16.48 6.97 16.038 7.539 15.782C7.631 15.135 7.889 14.694 8.175 14.444C5.955 14.191 3.62 13.331 3.62 9.493C3.62 8.4 4.01 7.505 4.649 6.805C4.546 6.552 4.203 5.533 4.747 4.155C4.747 4.155 5.587 3.885 7.497 5.181C8.31277 4.95851 9.15444 4.84519 10 4.844C10.85 4.848 11.705 4.959 12.504 5.181C14.413 3.885 15.251 4.154 15.251 4.154C15.797 5.533 15.453 6.552 15.351 6.805C15.991 7.505 16.379 8.4 16.379 9.493C16.379 13.341 14.04 14.188 11.813 14.436C12.172 14.745 12.491 15.356 12.491 16.291C12.491 17.629 12.479 18.71 12.479 19.038C12.479 19.3
77806 12.659 19.618 13.167 19.52C15.1583 18.8521 16.8893 17.5753 18.1155 15.87C19.3416 14.1648 20.0009 12.1173 20 10.017C20 4.484 15.522 0 10 0Z" fill="currentColor"/>
779</g>
780<defs>
781<clipPath id="clip0_8980_1861">
782<rect width="20" height="20" fill="white"/>
783</clipPath>
784</defs>
785</svg></div></a><a aria-label="Dribbble profile" href="https://www.npmjs.com/package/untitledui" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
786<g clip-path="url(#clip0_2344_514074)">
787<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1047 0.5C18.8752 0.500113 19.4999 1.12475 19.5 1.89531V18.1047C19.4999 18.8752 18.8752 19.4999 18.1047 19.5H1.89531C1.12475 19.4999 0.500113 18.8752 0.5 18.1047V1.89531C0.500112 1.12475 1.12475 0.500112 1.89531 0.5H18.1047ZM4.54678 15.6759H10.0315L10.038 7.46357H12.7739L12.7665 15.6833H15.5089L15.5154 4.72861L4.56069 4.7147L4.54678 15.6759Z" fill="currentColor"/>
788</g>
789<defs>
790<clipPath id="clip0_2344_514074">
791<rect width="20" height="20" fill="white"/>
792</clipPath>
793</defs>
794</svg></div></a><a aria-label="Layers profile" href="https://layers.to/god" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
795<g clip-path="url(#clip0_1915_18683)">
796<path d="M0.303095 11.4121L0.35158 4.14054C0.360065 2.82418 1.28067 1.6957 2.55158 1.44418L9.574 0.0520599C11.2613 -0.282486 12.8273 1.03812 12.8164 2.78539L12.7679 10.0581C12.7589 11.3739 11.8382 12.5018 10.5673 12.7539L3.54491 14.146C1.85764 14.4805 0.29158 13.1599 0.303095 11.4121Z" fill="currentColor" fill-opacity="0.2"/>
797<path d="M3.74364 14.3133L3.79212 7.04062C3.8 5.72546 4.72122 4.59759 5.99212 4.34546L13.0145 2.95395C14.7018 2.6194 16.2679 3.9394 16.2564 5.68728L16.2079 12.96C16.1994 14.2758 15.2788 15.4036 14.0079 15.6558L6.98546 17.0479C5.29818 17.3818 3.73212 16.0618 3.74364 14.3146V14.3133Z" fill="currentColor" fill-opacity="0.5"/>
798<path d="M7.18424 17.2146L7.23273 9.94183C7.24121 8.62547 8.16182 7.4982 9.43273 7.24608L16.4552 5.85396C18.1424 5.51941 19.7085 6.84002 19.697 8.58729L19.6485 15.86C19.64 17.1764 18.7194 18.3043 17.4485 18.5558L10.4261 19.9479C8.73879 20.2824 7.17273 18.9618 7.18364 17.2146H7.18424Z" fill="currentColor" fill-opacity="0.8"/>
799</g>
800<defs>
801<clipPath id="clip0_1915_18683">
802<rect width="20" height="20" fill="white"/>
803</clipPath>
804</defs>
805</svg></div></a><a aria-label="Instagram profile" href="https://www.instagram.com/untitledui/" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
806<g clip-path="url(#clip0_1915_18688)">
807<path d="M9.99976 2.1408C12.5608 2.1408 12.8641 2.15204 13.8713 2.19697C14.8073 2.23815 15.3128 2.39541 15.6498 2.52646C16.0953 2.69869 16.4174 2.90837 16.7506 3.24161C17.0876 3.57859 17.2935 3.89684 17.4657 4.34241C17.5968 4.67939 17.754 5.1886 17.7952 6.12091C17.8402 7.13185 17.8514 7.43513 17.8514 9.99244C17.8514 12.5535 17.8402 12.8568 17.7952 13.864C17.754 14.8 17.5968 15.3055 17.4657 15.6425C17.2935 16.088 17.0838 16.41 16.7506 16.7433C16.4136 17.0802 16.0953 17.2862 15.6498 17.4584C15.3128 17.5895 14.8036 17.7467 13.8713 17.7879C12.8603 17.8328 12.5571 17.8441 9.99976 17.8441C7.43871 17.8441 7.13543 17.8328 6.12823 17.7879C5.19218 17.7467 4.68671 17.5895 4.34973 17.4584C3.90417 17.2862 3.58216 17.0765 3.24893 16.7433C2.91195 16.4063 2.70601 16.088 2.53378 15.6425C2.40273 15.3055 2.24548 14.7963 2.20429 13.864C2.15936 12.853 2.14813 12.5497 2.14813 9.99244C2.14813 7.43139 2.15936 7.12811 2.20429 6.12091C2.24548 5.18486 2.40273 4.67939 2.53378 4.34241C2.70601 3.89684 2.91569 3.57484 3.24893 3.24161C3.58591 2.90463 3.90417 2.69869 4.34973 2.52646C4.68671 2.39541 5.19592 2.23815 6.12823 2.19697C7.13543 2.15204 7.43871 2.1408 9.99976 2.1408ZM9.99976 0.414719C7.39752 0.414719 7.07178 0.425951 6.0496 0.470882C5.03118 0.515813 4.33101 0.680558 3.72444 0.916444C3.09167 1.16356 2.55625 1.48931 2.02457 2.02473C1.48914 2.55641 1.1634 3.09184 0.916277 3.72087C0.680391 4.33117 0.515645 5.0276 0.470715 6.04603C0.425784 7.07194 0.414551 7.39769 0.414551 9.99992C0.414551 12.6022 0.425784 12.9279 0.470715 13.9501C0.515645 14.9685 0.680391 15.6687 0.916277 16.2752C1.1634 16.908 1.48914 17.4434 2.02457 17.9751C2.55625 18.5068 3.09167 18.8363 3.7207 19.0797C4.33101 19.3155 5.02743 19.4803 6.04586 19.5252C7.06803 19.5702 7.39378 19.5814 9.99601 19.5814C12.5982 19.5814 12.924 19.5702 13.9462 19.5252C14.9646 19.4803 15.6648 19.3155 16.2713 19.0797C16.9004 18.8363 17.4358 18.5068 17.9675 17.9751C18.4991 17.4434 18.8286 16.908 19.072 16.279C19.3079 15.6687 19.4726 14.9723 19.5176 13.9538C19.5625 12.9316 19.5737 12.6059 19.5737 10.0037C19.5737 7.40144 19.5625 7.07569 19.5176 6.05352C19.4726 5.03509 19.3
807079 4.33492 19.072 3.72835C18.8361 3.09184 18.5104 2.55641 17.9749 2.02473C17.4433 1.49305 16.9078 1.16356 16.2788 0.920188C15.6685 0.684302 14.9721 0.519557 13.9537 0.474626C12.9277 0.425951 12.602 0.414719 9.99976 0.414719Z" fill="currentColor"/>
808<path d="M9.99976 5.07627C7.28145 5.07627 5.07611 7.28162 5.07611 9.99992C5.07611 12.7182 7.28145 14.9236 9.99976 14.9236C12.7181 14.9236 14.9234 12.7182 14.9234 9.99992C14.9234 7.28162 12.7181 5.07627 9.99976 5.07627ZM9.99976 13.1937C8.23623 13.1937 6.80594 11.7635 6.80594 9.99992C6.80594 8.2364 8.23623 6.8061 9.99976 6.8061C11.7633 6.8061 13.1936 8.2364 13.1936 9.99992C13.1936 11.7635 11.7633 13.1937 9.99976 13.1937Z" fill="currentColor"/>
809<path d="M16.2676 4.88154C16.2676 5.51805 15.7509 6.03101 15.1181 6.03101C14.4816 6.03101 13.9686 5.51431 13.9686 4.88154C13.9686 4.24502 14.4853 3.73206 15.1181 3.73206C15.7509 3.73206 16.2676 4.24876 16.2676 4.88154Z" fill="currentColor"/>
810</g>
811<defs>
812<clipPath id="clip0_1915_18688">
813<rect width="20" height="20" fill="white"/>
814</clipPath>
815</defs>
816</svg></div></a><a aria-label="YouTube profile" href="https://www.youtube.com/@jordan_hughes" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
817<path d="M19.8008 6.00005C19.8008 6.00005 19.6055 4.62114 19.0039 4.01567C18.2422 3.2188 17.3906 3.21489 17 3.16801C14.2031 2.96489 10.0039 2.96489 10.0039 2.96489H9.99609C9.99609 2.96489 5.79687 2.96489 3 3.16801C2.60938 3.21489 1.75781 3.2188 0.996094 4.01567C0.394531 4.62114 0.203125 6.00005 0.203125 6.00005C0.203125 6.00005 0 7.62114 0 9.23833V10.754C0 12.3711 0.199219 13.9922 0.199219 13.9922C0.199219 13.9922 0.394531 15.3711 0.992187 15.9766C1.75391 16.7735 2.75391 16.7461 3.19922 16.8321C4.80078 16.9844 10 17.0313 10 17.0313C10 17.0313 14.2031 17.0235 17 16.8243C17.3906 16.7774 18.2422 16.7735 19.0039 15.9766C19.6055 15.3711 19.8008 13.9922 19.8008 13.9922C19.8008 13.9922 20 12.375 20 10.754V9.23833C20 7.62114 19.8008 6.00005 19.8008 6.00005ZM7.93359 12.5938V6.9727L13.3359 9.79301L7.93359 12.5938Z" fill="currentColor"/>
818</svg></div></a><a aria-label="Figma Community profile" href="https://www.figma.com/@designer" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
819<g clip-path="url(#clip0_1915_18693)">
820<path fill-rule="evenodd" clip-rule="evenodd" d="M7.29167 1.66667C6.67791 1.66667 6.09296 1.90524 5.66456 2.32412C5.23679 2.74239 5 3.30564 5 3.88889C5 4.47214 5.23679 5.03539 5.66456 5.45365C6.09296 5.87254 6.67791 6.11111 7.29167 6.11111H9.58334V1.66667H7.29167ZM11.25 1.66667V6.11111H13.5417C13.8452 6.11111 14.1453 6.05263 14.4248 5.93947C14.7042 5.82631 14.9568 5.66093 15.1688 5.45365C15.3808 5.24643 15.5478 5.00142 15.6615 4.73314C15.7751 4.4649 15.8333 4.17808 15.8333 3.88889C15.8333 3.5997 15.7751 3.31287 15.6615 3.04463C15.5478 2.77635 15.3808 2.53136 15.1688 2.32412C14.9568 2.11685 14.7042 1.95148 14.4248 1.83832C14.1453 1.72514 13.8452 1.66667 13.5417 1.66667H11.25ZM15.9903 6.94445C16.1103 6.85159 16.2252 6.75176 16.334 6.64533C16.7024 6.28509 16.9957 5.85641 17.1961 5.38326C17.3966 4.91007 17.5 4.40222 17.5 3.88889C17.5 3.37556 17.3966 2.86772 17.1961 2.39452C16.9957 1.92137 16.7024 1.49268 16.334 1.13245C15.9656 0.772247 15.5293 0.487487 15.0504 0.293534C14.5715 0.0995933 14.0589 0 13.5417 0H7.29167C6.24782 0 5.24306 0.405276 4.49936 1.13245C3.75503 1.86023 3.33334 2.85137 3.33334 3.88889C3.33334 4.92641 3.75503 5.91754 4.49936 6.64533C4.60851 6.75206 4.72329 6.85185 4.84299 6.94444C4.72329 7.03704 4.60851 7.13683 4.49936 7.24356C3.75503 7.97135 3.33334 8.9625 3.33334 10C3.33334 11.0375 3.75503 12.0287 4.49936 12.7564C4.60852 12.8632 4.72329 12.963 4.84299 13.0556C4.72329 13.1482 4.60852 13.2479 4.49936 13.3547C3.75503 14.0825 3.33334 15.0736 3.33334 16.1111C3.33334 17.1487 3.75503 18.1397 4.49936 18.8676C5.24306 19.5947 6.24782 20 7.29167 20C8.3355 20 9.34025 19.5947 10.084 18.8676C10.8283 18.1397 11.25 17.1487 11.25 16.1111V13.1709C11.4935 13.3408 11.7561 13.4832 12.0329 13.5953C12.5118 13.7893 13.0244 13.8889 13.5417 13.8889C14.0589 13.8889 14.5715 13.7893 15.0504 13.5953C15.5293 13.4014 15.9656 13.1167 16.334 12.7564C16.7024 12.3962 16.9957 11.9675 17.1961 11.4943C17.3966 11.0212 17.5 10.5133 17.5 10C17.5 9.48667 17.3966 8.97883 17.1961 8.50567C16.995
8207 8.03248 16.7024 7.6038 16.334 7.24356C16.2252 7.13713 16.1103 7.0373 15.9903 6.94445ZM9.58334 12.2223V7.77777H7.29167C6.67791 7.77777 6.09296 8.01635 5.66456 8.43525C5.23679 8.8535 5 9.41675 5 10C5 10.5832 5.23679 11.1465 5.66456 11.5647C6.09296 11.9837 6.67791 12.2223 7.29167 12.2223H9.58334ZM9.58334 13.8889H7.29167C6.67791 13.8889 6.09296 14.1275 5.66456 14.5463C5.23679 14.9646 5 15.5278 5 16.1111C5 16.6943 5.23679 17.2576 5.66456 17.6759C6.09296 18.0947 6.67791 18.3333 7.29167 18.3333C7.90543 18.3333 8.49034 18.0947 8.91875 17.6759C9.34659 17.2576 9.58334 16.6943 9.58334 16.1111V13.8889ZM13.5417 7.77777C13.2382 7.77777 12.938 7.83625 12.6586 7.94943C12.3792 8.06258 12.1265 8.22797 11.9146 8.43525C11.7026 8.6425 11.5355 8.8875 11.4218 9.15575C11.3083 9.424 11.25 9.71083 11.25 10C11.25 10.2892 11.3083 10.576 11.4218 10.8442C11.5355 11.1125 11.7026 11.3575 11.9146 11.5647C12.1265 11.772 12.3792 11.9374 12.6586 12.0506C12.938 12.1637 13.2382 12.2223 13.5417 12.2223C13.8452 12.2223 14.1453 12.1637 14.4248 12.0506C14.7042 11.9374 14.9568 11.772 15.1688 11.5647C15.3808 11.3575 15.5478 11.1125 15.6615 10.8442C15.7751 10.576 15.8333 10.2892 15.8333 10C15.8333 9.71083 15.7751 9.424 15.6615 9.15575C15.5478 8.8875 15.3808 8.6425 15.1688 8.43525C14.9568 8.22797 14.7042 8.06258 14.4248 7.94943C14.1453 7.83625 13.8452 7.77777 13.5417 7.77777Z" fill="currentColor"/>
821</g>
822<defs>
823<clipPath id="clip0_1915_18693">
824<rect width="20" height="20" fill="white"/>
825</clipPath>
826</defs>
827</svg></div></a></div></div><div class="footer_bottom-link-list"><a href="/faqs" class="footer_bottom-list-item w-inline-block"><div>FAQs</div></a><a href="/license" class="footer_bottom-list-item w-inline-block"><div>License</div></a><a href="/eula" class="footer_bottom-list-item w-inline-block"><div>EULA</div></a><a href="/dpa" class="footer_bottom-list-item w-inline-block"><div>DPA</div></a><a href="/security" class="footer_bottom-list-item w-inline-block"><div>Security</div></a><a href="/subprocessors" class="footer_bottom-list-item w-inline-block"><div>Subprocessors</div></a><a href="/privacy" class="footer_bottom-list-item w-inline-block"><div>Privacy</div></a><a href="/terms" class="footer_bottom-list-item w-inline-block"><div>Terms</div></a><a href="/cookies" class="footer_bottom-list-item w-inline-block"><div>Cookies</div></a><a href="/reports/scams" class="footer_bottom-list-item hide-mobile-portrait w-inline-block"><div>Avoid scams</div></a></div><div class="max-width-xlarge"><div class="text-size-small text-color-gray500">© 2026 Untitled UI® is a registered trademark with U.S. and international Copyright Registrations. Untitled UI is not affiliated with Figma, nor is it endorsed by or sponsored by Figma. A project by <a href="https://www.jordanhughes.co/" target="_blank" class="text-style-link">Jordan</a> who is working on <a href="https://himalayas.app/" target="_blank" class="text-style-link">Himalayas</a>, a better remote jobs platform. This site is built with <a href="https://webflow.partnerlinks.io/4060020" target="_blank" class="text-style-link">Webflow</a> in Melbourne, <span>Australia.</span> We acknowledge this country’s First Nations peoples and their ongoing strength in practising the world’s oldest living culture. We acknowledge the Traditional Owners of the land on which our office stands, The Wurundjeri people of the Kulin Nation, and pay our respects to Elders past and present.</div></div></div><img src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/69b6117b9d52195707d2a5cf_d2cc1a6090890425090c49c82c3bd302_untitled-ui-redaction.svg" loading="lazy" width="988" height="140" alt="Untitled UI logo" class="footer_large-logo"/></div></div></div></footer></main></div>
827<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=636496d3f0ebfdaba9784655" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
827<script src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/js/webflow.schunk.f2efb3c5440a81cf.js" type="text/javascript" integrity="sha384-VK02VJvMib7ytrF5M2joPWNtDQs366FZgEQ5B+Iwnjx0WBnwQXfootyziSYxdrmS" crossorigin="anonymous"></script>
827<script src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/js/webflow.schunk.61368cc0bfbfc4fe.js" type="text/javascript" integrity="sha384-I4dzI55BZIMNjN6ILvz7lIZO/g6Twd1BoEStnE+h8YVvhnpaATTA+OmGVmcsmggN" crossorigin="anonymous"></script>
827<script src="https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/js/webflow.3ced8658.82f33425c925a0ef.js" type="text/javascript" integrity="sha384-Wv8uvAUwMDNzW6d5lEUOXck6mZ73xJVIG7G4XZn5tUSFjIhoQ362rH3xEQZ3MEgG" crossorigin="anonymous"></script>
827<!-- No scroll when mobile menu open -->
828
829<script>
830
831$('.nav-menu_component').on('click', function(){
832  $('body').toggleClass('no-scroll');
833});
834
835</script>
835<!-- typed-js (deferred; init runs once the DOM is ready) -->
836
837<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/typed.umd.js"></script>
837
838
839<script>
840document.addEventListener('DOMContentLoaded', function () {
841  if (!window.Typed || !document.querySelector('.typed-js')) return;
842  var typed = new Typed(".typed-js", {
843  strings: ["My Design System", "Olivia's UI Kit", "That Startup Idea", "Ric's Design System", "Ava's UI Kit", "A Quick Prototype", "Ollie's Design System", "Indi's UI Kit", "My Design System", "Lana's UI Kit", "My Startup Idea", "Sam's Design System", "Jenny's UI Kit", "My Prototype", "Ellie's Design System", "Jack's UI Kit", "My Design System", "Olivia's UI Kit", "That Startup Idea", "Ric's Design System", "Ava's UI Kit", "A Quick Prototype", "Ollie's Design System", "Indi's UI Kit", "My Design System", "Lana's UI Kit", "My Startup Idea", "Sam's Design System", "Jenny's UI Kit", "My Prototype", "Ellie's Design System", "Jack's UI Kit", "My Design System"],
844  typeSpeed: 50,
845  backSpeed: 50,
846  backDelay: 3000,
847  startDelay: 0,
848  loop: false,
849  showCursor: true,
850  cursorChar: "|",
851  attr: null,
852});
853});
854</script>
854</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.