[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-name-that-ui-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":64,"alternatives-name-that-ui-en-US":117,"related-resources-name-that-ui-en-US":181},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":23,"cons":28,"best_for":32,"cover":33,"icon":9,"pricing":34,"platform":35,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":37,"views_count":38,"featured_rank":9,"categories":39,"tags":48,"files":9},867,"Name That UI","name-that-ui","https:\u002F\u002Fnamethatui.com\u002F",null,"The visual dictionary for UI and product designers","Name That UI is a visual dictionary that helps you name the nameless parts of your interface. Type a description like \"the little line that jumps between tabs\" and it shows you the actual name — Tab Indicator — plus how it's typically implemented and which libraries ship it.\n\nEvery entry includes the API symbols used to build that element, so developers can copy-paste proper code instead of inventing their own. An AI assistant suggests likely element names as you describe them, and you can also generate shareable prompts for your own design and AI tools.\n\nA companion project, Name That Vibe, applies the same idea to art direction and design styles. Name That UI is free to use and search.",{"title":13,"meta_description":14},"Name That UI — The visual dictionary for UI and product designers","Name That UI is a visual dictionary that helps you name the nameless parts of your interface. Type a description like \"the little line that jumps between tab...",[16,17,18,19,20,21,22],"Searchable dictionary of named UI elements","Each entry shows typical implementation and libraries","API symbols included so developers copy real code","AI assistant guesses element names from descriptions","Shareable prompts for design and AI tools","Companion project for art direction and design styles","Free to browse and search",[24,25,26,27],"Accurate names make design specs and code review clearer","Bridges the designer-developer vocabulary gap","Useful for vibe-coders and prompt writers","Free and fast to use",[29,30,31],"Coverage is narrower than full component libraries","AI name guessing can be hit-or-miss","No API for programmatic access yet","Best for UI designers, developers, and vibe-coders who need precise names for interface elements","4fcc35cb-4e5d-4376-9e65-9ac30247af36.webp","free",[36],"Web",{"free":3,"note":22},0,[40,44],{"name":41,"slug":42,"sub_categories":43},"Design Tools","design-tools",[],{"name":45,"slug":46,"sub_categories":47},"Inspiration","inspiration",[],[49,52,55,58,61],{"name":50,"slug":51},"Vibe Coding","vibe-coding",{"name":53,"slug":54},"Web Design","web-design",{"name":56,"slug":57},"UI Kits","ui-kits",{"name":59,"slug":60},"Prototyping","prototyping",{"name":62,"slug":63},"Mobile UI","mobile-ui",[65,78,91,103],{"id":66,"url":67,"icon":9,"name":68,"slug":69,"tags":70,"cover":74,"tagline":75,"is_featured":76,"date_created":77,"date_updated":9},880,"https:\u002F\u002Fwww.arlan.me\u002Fvault","Arlan's Vault","arlans-vault",[71,72,73],{"seo":9,"name":50,"slug":51},{"seo":9,"name":9,"slug":54},{"seo":9,"name":9,"slug":57},"ca1dcd3a-0023-41eb-b387-6770a7529f7e.webp","A library of web interaction and design style prompts",false,"2026-08-20T07:35:22.316179+00:00",{"id":79,"url":80,"icon":9,"name":81,"slug":82,"tags":83,"cover":88,"tagline":89,"is_featured":76,"date_created":90,"date_updated":9},879,"https:\u002F\u002Fpurelanding.page\u002F","Pure","pure-landing-page",[84,85,87],{"seo":9,"name":9,"slug":46},{"seo":9,"name":9,"slug":86},"landing-page",{"seo":9,"name":9,"slug":54},"d03eb69a-e8e3-4914-b8f3-8453f8440ae8.webp","A clean inspiration gallery of beautiful landing pages","2026-08-20T07:35:13.377601+00:00",{"id":92,"url":93,"icon":9,"name":94,"slug":95,"tags":96,"cover":100,"tagline":101,"is_featured":76,"date_created":102,"date_updated":9},878,"https:\u002F\u002Fposts.design\u002F","Posts.design","posts-design",[97,98],{"seo":9,"name":9,"slug":46},{"seo":9,"name":9,"slug":99},"social-media","2e97cacb-a94e-40eb-b415-8d26dc2281d4.webp","A curated gallery of real social media posts for design inspiration","2026-08-20T07:35:05.176939+00:00",{"id":104,"url":105,"icon":9,"name":106,"slug":107,"tags":108,"cover":114,"tagline":115,"is_featured":76,"date_created":116,"date_updated":9},877,"https:\u002F\u002Fhumation.app\u002Favatar","Humation","humation",[109,111,113],{"seo":9,"name":9,"slug":110},"illustrations",{"seo":9,"name":9,"slug":112},"freebie",{"seo":9,"name":9,"slug":99},"59a1035f-1f6d-4202-a511-3b1f4dd4d796.webp","Generate cute hand-drawn avatars for your profile or brand","2026-08-20T07:34:57.715327+00:00",[118,124,130,136,142,148,154,160,166,172,178,179,180],{"url":119,"name":120,"slug":121,"cover":122,"tagline":123},"https:\u002F\u002Fuinotes.com\u002F","UI Notes","ui-notes","bf2bbf86-71e9-4623-b3ef-9c6f20215fce.webp","Curated library of real app UI screenshots",{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office","72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams",{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference",{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",{"url":143,"name":144,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop",{"url":149,"name":150,"slug":151,"cover":152,"tagline":153},"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration",{"url":155,"name":156,"slug":157,"cover":158,"tagline":159},"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fwww.inspora.design\u002F","Inspora","inspora","a5776e69-50fb-4f99-a372-623588caa6d7.webp","Curated archive of recent visual design and creative work",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Fbrilliant.design\u002F","Brilliant","brilliant","8606cabd-095b-4464-be54-4e881b6ba02b.webp","Professional vector design tool you and your AI agents drive together",{"url":173,"name":174,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Fdesignmd.cc","DesignMD","designmd","82ccba22-52ec-490a-8994-5164f628321e.webp","Extract any website's design DNA into an AI-ready DESIGN.md",{"url":93,"name":94,"slug":95,"cover":100,"tagline":101},{"url":80,"name":81,"slug":82,"cover":88,"tagline":89},{"url":67,"name":68,"slug":69,"cover":74,"tagline":75},[182,198,217],{"url":183,"icon":9,"name":184,"slug":185,"tags":186,"cover":195,"tagline":196,"is_featured":3,"date_created":197,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[187,189,190,193],{"seo":9,"name":9,"slug":188},"collaboration",{"seo":9,"name":9,"slug":60},{"seo":9,"name":191,"slug":192},"Freemium","freemium",{"seo":9,"name":9,"slug":194},"productivity","7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":199,"icon":9,"name":200,"slug":201,"tags":202,"cover":214,"tagline":215,"is_featured":3,"date_created":216,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[203,205,208,210,212],{"seo":9,"name":204,"slug":34},"Free",{"seo":9,"name":206,"slug":207},"Open Source","open-source",{"seo":9,"name":9,"slug":209},"image-editing",{"seo":9,"name":9,"slug":211},"svg",{"seo":9,"name":9,"slug":213},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":218,"icon":9,"name":219,"slug":220,"tags":221,"cover":227,"tagline":228,"is_featured":3,"date_created":229,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[222,224,225,226],{"seo":9,"name":9,"slug":223},"wireframe",{"seo":9,"name":9,"slug":60},{"seo":9,"name":9,"slug":188},{"seo":9,"name":191,"slug":192},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]