[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-viewport-ui-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":51,"alternatives-viewport-ui-en-US":120,"related-resources-viewport-ui-en-US":121},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"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":44,"files":9},860,"Viewport UI","viewport-ui","https:\u002F\u002Fviewport-ui.design\u002F",null,"UI curated experiences for your inspiration","Viewport UI is a curated showcase of standout user interfaces captured in full-browser screenshots. It highlights beautifully executed designs across web, mobile, desktop, watch, iOS, Android, icons, and motion categories. Each design is credited to its original creator with a link to the source, making it easy to discover talented designers and draw inspiration for your own projects. The collection spans thousands of hand-picked UI examples from the design community, offering a clean and focused browsing experience without distractions.",{"title":13,"meta_description":14},"Viewport UI — Curated UI Design Inspiration Showcase","Viewport UI is a curated showcase of standout user interfaces across web, mobile, desktop, and more. Browse thousands of hand-picked UI designs for inspiration. Free to explore.",[16,17,18,19,20,21],"Curated UI design showcase with full-browser screenshots","Categories: Web, Mobile, Desktop, Watch, iOS, Android, Icon, Motion","Each design credited to original creator with source link","Thousands of hand-picked UI examples","Clean, distraction-free browsing experience","Free to browse with no account required",[23,24,25,26,27],"High-quality curated UI designs from real designers","Broad category coverage across platforms and devices","Direct links to original sources for deeper exploration","Free and accessible without registration","Regularly updated with fresh content",[29,30,31],"Inspiration only — no downloadable assets or code","No search functionality currently available","Limited to visual inspiration without design system details","UI\u002FUX designers and developers looking for curated, real-world design inspiration across web and mobile interfaces to spark creativity and explore current design trends.","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","free",[36],"Web",{"free":3},0,[40],{"name":41,"slug":42,"sub_categories":43},"Inspiration","inspiration",[],[45,47,50],{"name":46,"slug":34},"Free",{"name":48,"slug":49},"UI Kits","ui-kits",{"name":9,"slug":42},[52,59,86,109],{"id":5,"url":8,"icon":9,"name":6,"slug":7,"tags":53,"cover":33,"tagline":10,"is_featured":57,"date_created":58,"date_updated":9},[54,55,56],{"seo":9,"name":46,"slug":34},{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":42},false,"2026-07-07T06:28:48.469215+00:00",{"id":60,"url":61,"icon":9,"name":62,"slug":63,"tags":64,"cover":83,"tagline":84,"is_featured":57,"date_created":85,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[65,68,70,71,74,75,77,79,81],{"seo":9,"name":66,"slug":67},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":69},"ai",{"seo":9,"name":46,"slug":34},{"seo":9,"name":72,"slug":73},"Freemium","freemium",{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":76},"design-systems",{"seo":9,"name":9,"slug":78},"prototyping",{"seo":9,"name":9,"slug":80},"no-code",{"seo":9,"name":9,"slug":82},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",{"id":87,"url":88,"icon":9,"name":89,"slug":90,"tags":91,"cover":106,"tagline":107,"is_featured":57,"date_created":108,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[92,93,94,95,97,99,101,103,104,105],{"seo":9,"name":66,"slug":67},{"seo":9,"name":9,"slug":69},{"seo":9,"name":72,"slug":73},{"seo":9,"name":9,"slug":96},"free-trial",{"seo":9,"name":9,"slug":98},"image-editing",{"seo":9,"name":9,"slug":100},"video",{"seo":9,"name":9,"slug":102},"animation",{"seo":9,"name":9,"slug":78},{"seo":9,"name":9,"slug":80},{"seo":9,"name":9,"slug":82},"fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7","2026-06-28T03:12:01.911314+00:00",{"id":110,"url":111,"icon":9,"name":112,"slug":113,"tags":114,"cover":117,"tagline":118,"is_featured":57,"date_created":119,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[115],{"seo":9,"name":9,"slug":116},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",[],[122,132,144],{"url":123,"icon":9,"name":124,"slug":125,"tags":126,"cover":129,"tagline":130,"is_featured":57,"date_created":131,"date_updated":9},"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[127,128],{"seo":9,"name":46,"slug":34},{"seo":9,"name":9,"slug":42},"b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",{"url":133,"icon":9,"name":134,"slug":135,"tags":136,"cover":141,"tagline":142,"is_featured":57,"date_created":143,"date_updated":9},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office",[137,139,140],{"seo":9,"name":9,"slug":138},"collaboration",{"seo":9,"name":9,"slug":80},{"seo":9,"name":9,"slug":42},"72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams","2026-06-23T13:27:14.037123+00:00",{"url":145,"icon":9,"name":146,"slug":147,"tags":148,"cover":155,"tagline":156,"is_featured":57,"date_created":157,"date_updated":9},"https:\u002F\u002Fuinotes.com\u002F","UI Notes","ui-notes",[149,151,153,154],{"seo":9,"name":9,"slug":150},"web-design",{"seo":9,"name":9,"slug":152},"mobile-ui",{"seo":9,"name":46,"slug":34},{"seo":9,"name":9,"slug":42},"bf2bbf86-71e9-4623-b3ef-9c6f20215fce.webp","Curated library of real app UI screenshots","2026-06-23T11:58:08.298357+00:00"]