ui and ux
11 design tools & resources relevant to 'ui and ux'.
Stand UI
1000+ UI components, auto‑layout, theming & icons for fast, consistent design.
UI Initiative
Swiper & Framework7 UI kits and plugins for stunning, code‑free interfaces
%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23808285%3B%0A%20%20%20%20%20%20%20%20font-family%3A%20MyriadPro-Regular%2C%20'Myriad%20Pro'%3B%0A%20%20%20%20%20%20%20%20font-size%3A%2030.2px%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%2C%20.cls-4%2C%20.cls-5%2C%20.cls-6%20%7B%0A%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-4%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%2303c5ff%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-5%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23424242%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-6%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clippath%22%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22cls-3%22%20x%3D%2210.4%22%20y%3D%226.1%22%20width%3D%22337%22%20height%3D%22120%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22cls-1%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-4%22%20d%3D%22M174.6%2C87.3l-4.3%2C3.5c-.5-.5-2.3-2.5-5.3-6-3-3.5-7.7-8.8-14.1-16.1v-.3c1.2-.4%2C2.4-.9%2C3.5-1.5%2C1.3-.7%2C2.5-1.5%2C3.6-2.5.9-.8%2C1.6-1.8%2C2.2-2.8.7-1.4%2C1-3%2C.9-4.6%2C0-1.6-.4-3.2-1.4-4.6-1-1.3-2.3-2.3-3.8-2.8-1.3-.5-2.7-.8-4.2-.9-1.5-.1-2.8-.2-4-.2h-2.8c0%2C4.4%2C0%2C8.2%2C0%2C11.5%2C0%2C3.3%2C0%2C5.7%2C0%2C7.1%2C0%2C3.1%2C0%2C7.4%2C0%2C12.8%2C0%2C5.4%2C0%2C8.8%2C0%2C10.1h-5.6c0-1.4%2C0-4%2C.1-8%2C0-3.9%2C0-8.9%2C0-14.8v-6.3c0-3.1%2C0-8.7-.2-16.9h3.4c2-.1%2C3.9-.1%2C5.7-.1%2C1.9%2C0%2C3.8.1%2C5.8.3%2C1.9.2%2C3.7.7%2C5.5%2C1.5%2C2.2.9%2C4%2C2.3%2C5.4%2C4.2%2C1.3%2C1.9%2C2%2C4.2%2C2%2C6.6%2C0%2C3-1%2C5.9-3%2C8.1-1.6%2C1.9-3.5%2C3.5-5.6%2C4.8v.2c3.1%2C3.7%2C6.5%2C7.5%2C10.3%2C11.4%2C3.7%2C3.9%2C5.7%2C6%2C6%2C6.3Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-4%22%20d%3D%22M208.6%2C71.4h-24.7c0%2C2.3.5%2C4.6%2C1.5%2C6.7%2C1%2C2.1%2C2.6%2C3.8%2C4.6%2C5%2C1.4.9%2C2.9%2C1.5%2C4.5%2C1.9%2C2%2C.5%2C4%2C.7%2C6.1.6%2C1.3%2C0%2C2.5%2C0%2C3.6-.1%2C1.1-.1%2C1.7-.1%2C2-.1l-.6%2C4.6c-.2%2C0-.8%2C0-1.8.1-1%2C0-2.2%2C0-3.6%2C0-3.2%2C0-6.4-.4-9.5-1.4-2.5-.8-4.7-2.2-6.6-3.9-1.6-1.5-2.9-3.4-3.8-5.4-1.1-2.3-1.6-4.8-1.5-7.3%2C0-2.4.4-4.8%2C1.2-7.1.8-2.2%2C2-4.1%2C3.5-5.9%2C1.4-1.6%2C3.1-2.8%2C5-3.6%2C1.9-.8%2C4-1.3%2C6.2-1.3%2C1.9%2C0%2C3.8.3%2C5.6%2C1%2C1.6.6%2C3.1%2C1.6%2C4.3%2C2.9%2C1.4%2C1.6%2C2.4%2C3.4%2C3.1%2C5.4.8%2C2.5%2C1.1%2C5.1%2C1.1%2C7.7ZM203.3%2C67.6c-.2-2.5-1.2-4.8-2.9-6.7-.8-.8-1.8-1.4-2.8-1.9-1.1-.4-2.2-.6-3.3-.6-1.2%2C0-2.3.2-3.4.6s-2.1%2C1.1-2.9%2C1.9c-1.8%2C1.8-3%2C4.1-3.6%2C6.7h19Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-4%22%20d%3D%22M241.3%2C70.5c0%2C5.7%2C0%2C10.3%2C0%2C13.9v5.8l-3.2.3c-1.9.1-4.3.2-7.3.2-1.9%2C0-3.8-.2-5.6-.5-1.7-.3-3.3-.8-4.9-1.5-1.7-.8-3.3-2-4.4-3.5-1.1-1.5-1.7-3.4-1.7-5.3%2C0-2.1.7-4.1%2C2-5.7%2C1.5-1.7%2C3.4-3%2C5.5-3.9%2C1.9-.7%2C3.9-1.3%2C5.9-1.7%2C2.8-.5%2C5.6-.9%2C8.5-1.1%2C0-1.6-.5-3.1-1.4-4.4-.8-1.2-2-2.1-3.3-2.6-1.1-.4-2.2-.7-3.3-.9-1.4-.2-2.9-.3-4.3-.3-1%2C0-1.9%2C0-2.6%2C0l-2.9.2.5-4.6h2c1-.2%2C2.4-.2%2C4.1-.2%2C2.4%2C0%2C4.8.3%2C7.2.8%2C1.9.5%2C3.7%2C1.4%2C5.2%2C2.7%2C1.3%2C1.2%2C2.3%2C2.7%2C2.9%2C4.4.8%2C2.5%2C1.1%2C5.1%2C1%2C7.6ZM236.1%2C78.8v-7.1c-1%2C0-2.8.2-5.3.6-2.2.3-4.3.8-6.3%2C1.5-1.3.5-2.4%2C1.2-3.4%2C2.2-.5.5-.9%2C1-1.1%2C1.6-.3.6-.4%2C1.3-.4%2C1.9%2C0%2C1.4.4%2C2.7%2C1.3%2C3.8.9%2C1%2C2.1%2C1.8%2C3.4%2C2.2%2C1.2.4%2C2.4.7%2C3.7.8%2C1.4.2%2C2.9.3%2C4.3.3h3.8v-7.9Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-4%22%20d%3D%22M259.3%2C90.1h-5.4c0-.3%2C0-3.6%2C0-10.1%2C0-6.4%2C0-11.8%2C0-16v-10.3c0-4.2%2C0-8.8-.1-14h5.4c0%2C3.5%2C0%2C7.6-.1%2C12.3%2C0%2C4.6%2C0%2C8.6%2C0%2C11.7v11.1c0%2C2.5%2C0%2C4.9%2C0%2C7.1%2C0%2C5.2%2C0%2C7.9%2C0%2C8.2Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-4%22%20d%3D%22M278.3%2C48.6h-6v-5.9h6v5.9ZM277.9%2C90.1h-5.4c0-.4%2C0-2.6%2C0-6.8%2C0-4.2%2C0-7.6%2C0-10.3v-7.8c0-2.8%2C0-6.1-.1-10h5.4c0%2C3.3%2C0%2C6.4-.1%2C9.3%2C0%2C2.9%2C0%2C5.4%2C0%2C7.7%2C0%2C5.3%2C0%2C9.6%2C0%2C12.9%2C0%2C3.2%2C0%2C4.9%2C0%2C5h0Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-4%22%20d%3D%22M309.5%2C85.8l-.6%2C4.4c-.2%2C0-.6%2C0-1.2%2C0-.6%2C0-1.2%2C0-1.6%2C0-4.7%2C0-8.2-1-10.6-2.9-2.4-2-3.6-5-3.6-9s0-5.3%2C0-8.2c0-2.9%2C0-6.5%2C0-10.8h-5.7v-4h6v-8.1h4.9v8.1h12.2v4h-12.2c0%2C.5%2C0%2C1.9%2C0%2C4.3%2C0%2C2.4%2C0%2C4.1%2C0%2C5.3v8.5c0%2C3%2C.8%2C5.1%2C2.4%2C6.4%2C1.6%2C1.3%2C4%2C2%2C7.4%2C2h2.6Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-4%22%20d%3D%22M347.4%2C56.7c-4.4%2C9.9-9.1%2C20.3-14%2C31.4-4.9%2C11.1-7.5%2C17-7.8%2C17.7l-4.7-1.8%2C7.1-14.7c-.2-.5-1.6-3.8-4.3-10.1-2.7-6.3-5.9-13.7-9.8-22.3l5.1-2.2c2.5%2C6.4%2C5.1%2C12.7%2C7.6%2C18.9l4.1%2C9.8h0c.1-.2%2C1.4-3.3%2C3.9-9.1%2C2.5-5.9%2C5.1-12.3%2C8.1-19.4l4.7%2C1.9Z%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20class%3D%22cls-4%22%20cx%3D%2270.4%22%20cy%3D%2266.1%22%20r%3D%2260%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M33.6%2C48.2c.8-1.9-.1-4-2-4.8-1.9-.8-4%2C.1-4.8%2C2-.8%2C1.9.1%2C4%2C2%2C4.8%2C1.9.8%2C4-.1%2C4.8-2Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M61.9%2C50.5c2-.5%2C3.2-2.5%2C2.7-4.4s-2.4-3.2-4.4-2.7c-2%2C.5-3.2%2C2.5-2.7%2C4.4.5%2C2%2C2.4%2C3.2%2C4.4%2C2.7Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M74.7%2C50.6c.7%2C0%2C1.4-.2%2C2-.6.6-.4%2C1.1-1%2C1.4-1.7.3-.7.3-1.4.2-2.1-.1-.7-.5-1.4-1-1.9-.5-.5-1.2-.9-1.9-1-.7-.1-1.5%2C0-2.1.2-.7.3-1.2.8-1.6%2C1.4-.4.6-.6%2C1.3-.6%2C2.1%2C0%2C1%2C.4%2C1.9%2C1.1%2C2.6.7.7%2C1.6%2C1.1%2C2.6%2C1.1ZM77.4%2C49.3h0c0%2C0%2C0%2C0%2C0%2C0Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M109.9%2C50.2c2%2C0%2C3.7-1.7%2C3.7-3.7s-1.6-3.7-3.7-3.7-3.7%2C1.7-3.7%2C3.7%2C1.6%2C3.7%2C3.7%2C3.7Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M93.1%2C70.4c2-.3%2C3.4-2.2%2C3-4.2-.3-2-2.2-3.4-4.2-3.1-2%2C.3-3.4%2C2.2-3%2C4.2.3%2C2%2C2.2%2C3.4%2C4.2%2C3.1Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M112.3%2C89.6c1.4-1.4%2C1.4-3.8%2C0-5.2s-3.8-1.4-5.2%2C0c-1.4%2C1.4-1.4%2C3.8%2C0%2C5.2%2C1.4%2C1.4%2C3.8%2C1.4%2C5.2%2C0Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M74.5%2C90.8c2%2C0%2C3.7-1.7%2C3.7-3.7s-1.6-3.7-3.7-3.7-3.7%2C1.7-3.7%2C3.7%2C1.6%2C3.7%2C3.7%2C3.7Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M88.2%2C68c-3.7%2C4.3-6.8%2C7.8-9.2%2C10.6-1.2%2C1.3-2.2%2C2.5-3.1%2C3.5l-.5.6h-.1c.9.3%2C1.8.8%2C2.4%2C1.4.7.7%2C1.1%2C1.6%2C1.2%2C2.5h0c0%2C0%2C2.2-2.7%2C2.2-2.7l1-1.2c2.9-3.5%2C6.1-7.3%2C9.6-11.3-.8-.1-1.6-.5-2.3-1.1-.6-.6-1.1-1.3-1.3-2.1Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M109.7%2C82.5l-2.2-2.5c-3.2-3.7-6.8-7.8-10.7-12.2-.2.9-.7%2C1.8-1.4%2C2.4-.7.6-1.6%2C1-2.5%2C1.1%2C3.8%2C4.5%2C6.9%2C8.3%2C9.4%2C11.3l1.6%2C1.9%2C1.5%2C1.8c.2-1.1.7-2%2C1.5-2.7.8-.7%2C1.8-1.1%2C2.9-1.1Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M96.7%2C65.5c2.4-2.7%2C5.4-6.2%2C9.1-10.4l3.4-3.9.2-.2c-.6%2C0-1.2-.2-1.7-.5-.6-.3-1-.7-1.4-1.3-.3-.4-.6-1-.7-1.5-.8.9-1.7%2C2-2.8%2C3.3l-.2.2-9.4%2C11.3c.8.1%2C1.6.5%2C2.2%2C1%2C.6.5%2C1.1%2C1.3%2C1.3%2C2.1Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M61.1%2C51.4c-.6%2C0-1.1-.1-1.6-.3-.4-.2-.7-.4-1.1-.6v.6c0%2C3.2%2C0%2C7.1%2C0%2C11.7v10.3c0%2C4.3-1.1%2C7.4-3.2%2C9.4-2.1%2C2-5.4%2C3-9.7%2C3-4%2C0-7.1-1.1-9.4-3.2-2.3-2.1-3.5-5.2-3.5-9.3v-10.3c0-4.7%2C0-8.6%2C0-11.7v-.8c-.8.6-1.8.8-2.7.8-1%2C0-1.9-.4-2.6-1v4.9c0%2C2.8%2C0%2C5.2%2C0%2C7.3v11.1c0%2C2.3.3%2C4.6%2C1.1%2C6.8.8%2C2%2C1.9%2C3.7%2C3.5%2C5.2%2C1.7%2C1.5%2C3.6%2C2.7%2C5.7%2C3.5%2C2.5.9%2C5.2%2C1.3%2C7.8%2C1.2%2C2.7%2C0%2C5.3-.4%2C7.8-1.2%2C2.1-.8%2C4.1-1.9%2C5.7-3.5%2C1.5-1.4%2C2.7-3.2%2C3.5-5.2.8-2.2%2C1.2-4.5%2C1.1-6.8v-11.1c0-2.1%2C0-4.5%2C0-7.3%2C0-1.2%2C0-2.5%2C0-3.9v-.6c-.8.6-1.7.9-2.7.9h0Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M75.9%2C51.1h-.2c.9%2C1.1%2C2%2C2.3%2C3.3%2C3.9h0c3.4%2C4.1%2C6.5%2C7.7%2C9.1%2C10.9.2-1%2C.7-1.8%2C1.4-2.5.7-.7%2C1.7-1%2C2.6-1.1-3.5-4.2-6.6-7.9-9.3-11.2l-.6-.8c-1.4-1.7-2.5-3-3.2-3.9v.4c0%2C1-.3%2C1.9-.9%2C2.7-.6.8-1.4%2C1.4-2.3%2C1.6Z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-6%22%20d%3D%22M71%2C49.3c-.5-.7-.8-1.6-.8-2.5%2C0-.9.3-1.8.8-2.5h-6.3c.3.4.5.8.6%2C1.3.1.4.2.9.2%2C1.4%2C0%2C.8-.2%2C1.6-.7%2C2.3h6.1Z%22%2F%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22VawehB.tif%22%3E%0A%20%20%20%20%20%20%20%20%3Cimage%20id%3D%22Layer_0%22%20data-name%3D%22Layer%200%22%20width%3D%22660%22%20height%3D%22282%22%20transform%3D%22translate(84.3%20170.9)%20scale(.5)%22%20xlink%3Ahref%3D%22logo_reality_blue_RIWI_dark-1.png%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-5%22%20d%3D%22M252.9%2C113.4h1.4s1.5%2C0%2C2.5%2C1c.7.7.7%2C2.1.7%2C2.1v24.6h-8.7v-16.8l4-10.9Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-5%22%20d%3D%22M187.7%2C114.5c-2.1%2C1.2-2.7%2C2.8-3%2C3.5v-4.5h-8.7v27.7h8.7v-15.5c.4-1%2C1.1-4.8%2C6.7-4.8s4.3.6%2C4.3.6v-8.1s-4.7-.9-8.1%2C1%22%2F%3E%0A%20%20%20%20%3Cpolygon%20class%3D%22cls-5%22%20points%3D%22203%20113.4%20205.7%20120.5%20213.3%20141.1%20221.9%20141.1%20227.1%20123.2%20232.9%20141.1%20241.5%20141.1%20248.9%20120.6%20251.5%20113.4%20242.6%20113.4%20237.3%20130.5%20232.2%20113.4%20222.7%20113.4%20218.1%20130.5%20212.3%20113.4%20203%20113.4%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-5%22%20d%3D%22M201.6%2C113.4h-1.7s-1.3%2C0-2.2%2C1c-.6.7-.7%2C2.1-.7%2C2.1v24.6h8.7v-16.8l-4-10.9Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-5%22%20d%3D%22M206.2%2C104.8c0%2C2.7-2.2%2C4.9-4.9%2C4.9s-4.9-2.2-4.9-4.9%2C2.2-4.9%2C4.9-4.9%2C4.9%2C2.2%2C4.9%2C4.9%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-5%22%20d%3D%22M258.1%2C104.8c0%2C2.7-2.2%2C4.9-4.9%2C4.9s-4.9-2.2-4.9-4.9%2C2.2-4.9%2C4.9-4.9%2C4.9%2C2.2%2C4.9%2C4.9%22%2F%3E%0A%20%20%20%20%3Ctext%20class%3D%22cls-2%22%20transform%3D%22translate(137.7%20142.3)%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3Eby%3C%2Ftspan%3E%3C%2Ftext%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E)
UXReality
Nonconscious user insights for the best UX
Frames X UI Kit Collection
All‑in‑one Figma UI kits & design system for fast, consistent web and app design
Design Vault
Curated UI/UX inspiration and proven patterns for real‑world digital products
%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%2220.68%22%20height%3D%224.77231%22%20transform%3D%22matrix(1%200%200%20-1%209.54462%2026.68)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%227.95385%22%20height%3D%2211.1354%22%20transform%3D%22matrix(1%200%200%20-1%209.54462%2033.0431)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2219.0892%22%20y%3D%2220.3169%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2222.2708%22%20y%3D%2218.7262%22%20width%3D%221.59077%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2215.9077%22%20y%3D%2221.9077%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2212.7262%22%20y%3D%2223.4985%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M25.4523%2012.3631H23.8615V13.9539H20.68V15.5446H17.4985V17.1354H14.3169V18.7262H17.4985V17.1354H20.68V15.5446H23.8615V20.3169H25.4523V15.5446V13.9539V12.3631Z%22%20fill%3D%22%230D9488%22%2F%3E%0A%3Crect%20x%3D%2212.7262%22%20y%3D%2218.7262%22%20width%3D%221.59077%22%20height%3D%224.77231%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.8615%2015.5446H20.68V17.1354H17.4985V18.7262H14.3169V20.3169V21.9077V23.4985H15.9077V21.9077H19.0892V20.3169H22.2708V18.7262H23.8615V15.5446Z%22%20fill%3D%22%235EEAD4%22%2F%3E%0A%3Crect%20x%3D%2227.0431%22%20y%3D%229.18153%22%20width%3D%221.59077%22%20height%3D%2212.7262%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2025.4523%2021.9077)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2023.8615%2023.4985)%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%209.54462%209.18153)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%206.36308%2010.7723)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2023.8615%209.18153)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2017.4985%209.18153)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2014.3169%2010.7723)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2012.7262%209.18153)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2020.68%209.18153)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%226.36308%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2017.4985%2010.7723)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2023.8615%2012.3631)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2020.68%2013.9538)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2017.4985%2015.5446)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2014.3169%2017.1354)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2011.1354%2018.7262)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%2211.1354%22%20transform%3D%22matrix(1%200%200%20-1%2011.1354%2028.2708)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%223.18154%22%20transform%3D%22matrix(1%200%200%20-1%2011.1354%2028.2708)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2012.7262%2026.68)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2015.9077%2025.0892)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2019.0892%2023.4985)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2022.2708%2021.9077)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%226.36308%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2014.3169%2012.3631)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%226.36308%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2011.1354%2013.9538)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%209.54462%2015.5446)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%209.54462%2010.7723)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%206.36308%2012.3631)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2011.1354%2012.3631)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%207.95384%2013.9538)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%2211.1354%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2012.7262%207.59077)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(1%200%200%20-1%2020.68%2025.0892)%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2217.4985%22%20y%3D%2225.0892%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2211.1354%22%20y%3D%2228.2708%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2214.3169%22%20y%3D%2226.68%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%227.95384%22%20y%3D%2226.68%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%221.59077%22%20y%3D%2229.8615%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%224.77231%22%20y%3D%2231.4523%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%227.95384%22%20y%3D%2233.0431%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2211.1354%22%20y%3D%2234.6339%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2214.3169%22%20y%3D%2233.0431%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2217.4985%22%20y%3D%2231.4523%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2220.68%22%20y%3D%2229.8615%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2223.8615%22%20y%3D%2228.2708%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2227.0431%22%20y%3D%2226.68%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2227.0431%22%20y%3D%2225.0892%22%20width%3D%224.77231%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2227.0431%22%20y%3D%2223.4985%22%20width%3D%224.77231%22%20height%3D%221.59077%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20x%3D%2223.8615%22%20y%3D%2226.68%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2223.8615%22%20y%3D%2225.0892%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20x%3D%2220.68%22%20y%3D%2228.2708%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2220.68%22%20y%3D%2226.68%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20x%3D%2217.4985%22%20y%3D%2229.8615%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2217.4985%22%20y%3D%2228.2708%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20x%3D%2214.3169%22%20y%3D%2231.4523%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2214.3169%22%20y%3D%2229.8615%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20x%3D%2211.1354%22%20y%3D%2233.0431%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%227.95384%22%20y%3D%2228.2708%22%20width%3D%223.18154%22%20height%3D%224.77231%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%224.77231%22%20y%3D%2226.68%22%20width%3D%223.18154%22%20height%3D%224.77231%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%221.59077%22%20y%3D%2223.4985%22%20width%3D%224.77231%22%20height%3D%226.36308%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%223.18154%22%20y%3D%2212.3631%22%20width%3D%223.18154%22%20height%3D%229.54461%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%227.95384%22%20y%3D%2215.5446%22%20width%3D%223.18154%22%20height%3D%2211.1354%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%227.95384%22%20y%3D%2212.3631%22%20width%3D%221.59077%22%20height%3D%2211.1354%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2211.1354%22%20y%3D%2231.4523%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20x%3D%2231.8154%22%20y%3D%2226.68%22%20width%3D%221.59077%22%20height%3D%224.77231%22%20transform%3D%22rotate(-180%2031.8154%2026.68)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%223.18154%22%20y%3D%2210.7723%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%221.59077%22%20y%3D%2212.3631%22%20width%3D%221.59077%22%20height%3D%227.95385%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%223.18154%22%20y%3D%2220.3169%22%20width%3D%221.59077%22%20height%3D%223.18154%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%221.59077%22%20y%3D%2221.9077%22%20width%3D%226.36308%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%226.36308%22%20y%3D%2212.3631%22%20width%3D%221.59077%22%20height%3D%2214.3169%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20y%3D%2223.4985%22%20width%3D%221.59077%22%20height%3D%226.36308%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20width%3D%2214.3169%22%20height%3D%223.18154%22%20transform%3D%22matrix(-1%200%200%201%2036.5877%2034.6339)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%227.95385%22%20height%3D%223.18154%22%20transform%3D%22matrix(-1%200%200%201%2031.8154%2037.8154)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%227.95385%22%20transform%3D%22matrix(-1%200%200%201%2033.4062%2033.0431)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%227.95385%22%20transform%3D%22matrix(-1%200%200%201%2036.5877%2031.4523)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%227.95385%22%20height%3D%224.77231%22%20transform%3D%22matrix(-1%200%200%201%2039.7692%2033.0431)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2231.8154%22%20y%3D%2229.8615%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2225.4523%22%20y%3D%2233.0431%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2228.6338%22%20y%3D%2231.4523%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2222.2708%22%20y%3D%2234.6339%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2220.68%22%20y%3D%2236.2246%22%20width%3D%221.59077%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2219.0892%22%20y%3D%2236.2246%22%20width%3D%221.59077%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2217.4985%22%20y%3D%2237.8154%22%20width%3D%221.59077%22%20height%3D%223.18154%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2219.0892%22%20y%3D%2237.8154%22%20width%3D%221.59077%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2220.68%22%20y%3D%2239.4062%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20x%3D%2220.68%22%20y%3D%2240.9969%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2217.4985%22%20y%3D%2239.4062%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2223.8615%22%20y%3D%2242.5877%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2227.0431%22%20y%3D%2240.9969%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2230.2246%22%20y%3D%2239.4062%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2233.4062%22%20y%3D%2237.8154%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2236.5877%22%20y%3D%2236.2246%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2223.8615%22%20y%3D%2240.9969%22%20width%3D%223.18154%22%20height%3D%221.59077%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2041.36%2034.6339)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2039.7692%2033.0431)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%223.18154%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2038.1785%2031.4523)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2030.2246%2034.6339)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2031.8154%2036.2246)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2033.4062%2034.6339)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2028.6338%2036.2246)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2027.0431%2037.8154)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2030.2246%2039.4062)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2033.4062%2037.8154)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2036.5877%2036.2246)%22%20fill%3D%22%236B7280%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2031.8154%2034.6339)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2033.4062%2033.0431)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2034.9969%2034.6339)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2030.2246%2036.2246)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2028.6338%2037.8154)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2027.0431%2036.2246)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%221.59077%22%20height%3D%223.18154%22%20transform%3D%22matrix(-1%200%200%201%2025.4523%2037.8154)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3Crect%20width%3D%224.77231%22%20height%3D%221.59077%22%20transform%3D%22matrix(-1%200%200%201%2025.4523%2037.8154)%22%20fill%3D%22%23D1D5DB%22%2F%3E%0A%3C%2Fsvg%3E%0A)
Interface Index
Curated UI component library from top B2B, SaaS and desktop apps
HUDS+GUIS
Curated showcase of futuristic HUDs and GUIs from film, games, and design.
GoodUX
Curated UX examples to inspire onboarding, tours, and in‑app experiences
1Embed Login Form
Clean, responsive login form to start user sessions
GoodUI
Curated A/B‑tested UI patterns to boost conversions and growth
Google Sign-In Login Component
Simple, clean login UI with Google authentication and skip option