[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-ui-notes-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":56,"alternatives-ui-notes-en-US":121,"related-resources-ui-notes-en-US":159},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":29,"best_for":34,"cover":35,"icon":9,"pricing":36,"platform":37,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":39,"views_count":40,"featured_rank":9,"categories":41,"tags":46,"files":9},826,"UI Notes","ui-notes","https:\u002F\u002Fuinotes.com\u002F",null,"Curated library of real app UI screenshots","UI Notes is a comprehensive collection of real application UI screenshots, covering over 418 apps with more than 159,000 screenshots. It serves as a design reference library where designers and developers can explore UI trends, study competitor products, and find practical inspiration for their own projects.\n\nUnlike generic design inspiration sites, UI Notes focuses exclusively on shipped products rather than conceptual designs. Each app entry includes complete screenshots across multiple screens and states, giving you a holistic view of how real applications handle navigation, onboarding, forms, empty states, and other common interface patterns.\n\nThe platform offers filtering by app category, making it easy to discover design patterns in specific industries. Whether you are designing a fintech dashboard, a social media app, or an e-commerce storefront, UI Notes provides thousands of real-world examples to draw from.",{"title":13,"meta_description":14},"UI Notes — Curated library of real app UI screenshots","UI Notes is a comprehensive collection of real application UI screenshots, covering over 418 apps with more than 159,000 screenshots. It serves as a design r...",[16,17,18,19,20,21,22],"Over 418 apps with 159,000+ real UI screenshots","Categorized by app type and industry","Only shipped products, no concept designs","Complete screenshots across multiple app screens","Browse UI trends and competitor products","Quick search and filtering by category","Regularly updated with new app additions",[24,25,26,27,28],"Real shipped products rather than concept designs","Massive library of 159,000+ screenshots","Useful for competitor research and trend analysis","Free to access with no paywall","Coverage across many app categories",[30,31,32,33],"No vector or design file downloads","Limited to mobile and web app interfaces","Some apps may have outdated screenshots","No annotation or commenting features","Best for UI designers and product teams looking for real-world design inspiration and competitive research","bf2bbf86-71e9-4623-b3ef-9c6f20215fce.webp","free",[38],"Web",{"free":3},0,[42],{"name":43,"slug":44,"sub_categories":45},"Inspiration","inspiration",[],[47,50,53,55],{"name":48,"slug":49},"Web Design","web-design",{"name":51,"slug":52},"Mobile UI","mobile-ui",{"name":54,"slug":36},"Free",{"name":9,"slug":44},[57,89,100,110],{"id":58,"url":59,"icon":9,"name":60,"slug":61,"tags":62,"cover":85,"tagline":86,"is_featured":87,"date_created":88,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[63,66,68,71,73,75,77,79,81,83],{"seo":9,"name":64,"slug":65},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":67},"ai",{"seo":9,"name":69,"slug":70},"Freemium","freemium",{"seo":9,"name":9,"slug":72},"free-trial",{"seo":9,"name":9,"slug":74},"image-editing",{"seo":9,"name":9,"slug":76},"video",{"seo":9,"name":9,"slug":78},"animation",{"seo":9,"name":9,"slug":80},"prototyping",{"seo":9,"name":9,"slug":82},"no-code",{"seo":9,"name":9,"slug":84},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":90,"url":91,"icon":9,"name":92,"slug":93,"tags":94,"cover":97,"tagline":98,"is_featured":87,"date_created":99,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[95],{"seo":9,"name":9,"slug":96},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":101,"url":102,"icon":9,"name":103,"slug":104,"tags":105,"cover":107,"tagline":108,"is_featured":87,"date_created":109,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[106],{"seo":9,"name":9,"slug":96},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":111,"url":112,"icon":9,"name":113,"slug":114,"tags":115,"cover":118,"tagline":119,"is_featured":87,"date_created":120,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[116,117],{"seo":9,"name":54,"slug":36},{"seo":9,"name":9,"slug":44},"b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[122,128,134,140,141,147,153],{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fsame.energy","Same.energy","same-energy","5eb9b4be-0beb-4dbc-a53a-54bc632ad38b.webp","AI-powered visual search for similar style and composition",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fchecklist.design","Checklist Design","checklist-design","8e09f24a-d01a-4ef4-b71e-fbc3a6cef962.webp","Curated checklists for every stage of design",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office","72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams",{"url":112,"name":113,"slug":114,"cover":118,"tagline":119},{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fworks.meiye.art","Meiye Works","meiye-works","0c684aae-96b8-4dd7-b3e7-765fa42552fe.webp","Chinese online portfolio platform for designers",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fgithub.cards","GitHub.cards","github-cards","58b0c7d4-d07f-464a-b07f-584728d96ba8.webp","Generate beautiful GitHub profile data cards",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos","199a12ef-e241-4274-9dd1-f9ad11228f2d.webp","Curated logo design inspiration gallery",[160,164,171],{"url":112,"icon":9,"name":113,"slug":114,"tags":161,"cover":118,"tagline":119,"is_featured":87,"date_created":120,"date_updated":9},[162,163],{"seo":9,"name":54,"slug":36},{"seo":9,"name":9,"slug":44},{"url":135,"icon":9,"name":136,"slug":137,"tags":165,"cover":138,"tagline":139,"is_featured":87,"date_created":170,"date_updated":9},[166,168,169],{"seo":9,"name":9,"slug":167},"collaboration",{"seo":9,"name":9,"slug":82},{"seo":9,"name":9,"slug":44},"2026-06-23T13:27:14.037123+00:00",{"url":154,"icon":9,"name":155,"slug":156,"tags":172,"cover":157,"tagline":158,"is_featured":87,"date_created":177,"date_updated":9},[173,174,176],{"seo":9,"name":54,"slug":36},{"seo":9,"name":9,"slug":175},"illustrations",{"seo":9,"name":9,"slug":44},"2026-06-23T11:25:28.014388+00:00"]