[{"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":119,"related-resources-viewport-ui-en-US":120},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,72,87,93],{"id":53,"url":54,"icon":9,"name":55,"slug":56,"tags":57,"cover":68,"tagline":69,"is_featured":70,"date_created":71,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[58,59,61,63,65,66],{"seo":9,"name":46,"slug":34},{"seo":9,"name":9,"slug":60},"fonts",{"seo":9,"name":9,"slug":62},"icons",{"seo":9,"name":9,"slug":64},"mockups",{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":67},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":73,"url":74,"icon":9,"name":75,"slug":76,"tags":77,"cover":84,"tagline":85,"is_featured":70,"date_created":86,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[78,79,82],{"seo":9,"name":46,"slug":34},{"seo":9,"name":80,"slug":81},"Open Source","open-source",{"seo":9,"name":9,"slug":83},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":5,"url":8,"icon":9,"name":6,"slug":7,"tags":88,"cover":33,"tagline":10,"is_featured":70,"date_created":92,"date_updated":9},[89,90,91],{"seo":9,"name":46,"slug":34},{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":42},"2026-07-07T06:28:48.469215+00:00",{"id":94,"url":95,"icon":9,"name":96,"slug":97,"tags":98,"cover":116,"tagline":117,"is_featured":70,"date_created":118,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[99,102,104,105,108,109,110,112,114],{"seo":9,"name":100,"slug":101},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":103},"ai",{"seo":9,"name":46,"slug":34},{"seo":9,"name":106,"slug":107},"Freemium","freemium",{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":67},{"seo":9,"name":9,"slug":111},"prototyping",{"seo":9,"name":9,"slug":113},"no-code",{"seo":9,"name":9,"slug":115},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[],[121,131,143],{"url":122,"icon":9,"name":123,"slug":124,"tags":125,"cover":128,"tagline":129,"is_featured":70,"date_created":130,"date_updated":9},"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[126,127],{"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":132,"icon":9,"name":133,"slug":134,"tags":135,"cover":140,"tagline":141,"is_featured":70,"date_created":142,"date_updated":9},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office",[136,138,139],{"seo":9,"name":9,"slug":137},"collaboration",{"seo":9,"name":9,"slug":113},{"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":144,"icon":9,"name":145,"slug":146,"tags":147,"cover":154,"tagline":155,"is_featured":70,"date_created":156,"date_updated":9},"https:\u002F\u002Fuinotes.com\u002F","UI Notes","ui-notes",[148,150,152,153],{"seo":9,"name":9,"slug":149},"web-design",{"seo":9,"name":9,"slug":151},"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"]