[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-collect-ui-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":43,"alternatives-collect-ui-en-US":119,"related-resources-collect-ui-en-US":178},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":23,"cons":27,"best_for":30,"cover":31,"icon":32,"pricing":33,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":34,"views_count":35,"featured_rank":10,"categories":36,"tags":41,"files":10},308,"Collect UI","collect-ui","https:\u002F\u002Fcollectui.com\u002F","2026-06-12T06:57:46.451031+00:00",null,"Collect UI is a platform that collects and showcases various user interface design patterns and inspirations.","Collect UI updates daily and curates excellent UI design works from platforms like Dribbble. The website's content focuses on specific elements and patterns of user interfaces, such as login forms, registration pages, profile pages, navigation bars, calendars, search results, empty states, error pages, and more. This categorized display makes it easier for designers to find solutions and inspiration for specific UI challenges.\nThe platform aims to help designers discover multiple creative implementations for different design problems. Whether seeking new layout ideas, color schemes, interactive animations, or component designs, Collect UI provides a rich visual reference. It is an invaluable resource library for studying current design trends, learning different design languages, and sparking one's own creative inspiration.\nCollect UI's organization allows users to quickly browse and compare different design solutions for similar functionalities. This makes it an efficient and practical tool for designers who need quick references and decisions when working on user interface design.",{"title":14,"meta_description":15},"Collect UI - Collect UI is a platform that collects and showcases various user interface design patterns and inspirations. | DesignToolMark","Collect UI updates daily and curates excellent UI design works from platforms like Dribbble. The website's content focuses on specific elements and patterns ...",[17,18,19,20,21,22],"Daily curated UI design patterns sourced from Dribbble and other top design platforms","Pattern-specific categorization covering login forms, navigation bars, profiles, calendars, empty states, and error pages","Visual gallery layout optimized for quick browsing and pattern comparison","Save and collect favorite UI examples into custom moodboards for project reference","Trending patterns section highlighting current UI design movements and popular layouts","Click-through links to original Dribbble shots for designer attribution and detail view",[24,25,26],"Focused exclusively on UI patterns, making it one of the most targeted inspiration resources available","Daily updates ensure a steady stream of fresh and contemporary design examples","Pattern-level organization makes it easy to find inspiration for specific UI elements",[28,29],"No filtering by design tool or file format — visual inspiration only without source files","Relies entirely on external submissions so coverage can be uneven across pattern types","UI designers looking for targeted pattern-by-pattern inspiration for specific interface elements like forms, navigation, and error states.","screenshots\u002Fcollect-ui.webp","ebf9a1c9-e943-4ab5-ba38-e4246dca3bf0.svg","free",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Inspiration","inspiration",[],[42],{"name":10,"slug":39},[44,66,81,93],{"id":45,"url":46,"icon":10,"name":47,"slug":48,"tags":49,"cover":62,"tagline":63,"is_featured":64,"date_created":65,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[50,52,54,56,58,60],{"seo":10,"name":51,"slug":33},"Free",{"seo":10,"name":10,"slug":53},"fonts",{"seo":10,"name":10,"slug":55},"icons",{"seo":10,"name":10,"slug":57},"mockups",{"seo":10,"name":10,"slug":59},"ui-kits",{"seo":10,"name":10,"slug":61},"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":67,"url":68,"icon":10,"name":69,"slug":70,"tags":71,"cover":78,"tagline":79,"is_featured":64,"date_created":80,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[72,73,76],{"seo":10,"name":51,"slug":33},{"seo":10,"name":74,"slug":75},"Open Source","open-source",{"seo":10,"name":10,"slug":77},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":82,"url":83,"icon":10,"name":84,"slug":85,"tags":86,"cover":90,"tagline":91,"is_featured":64,"date_created":92,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[87,88,89],{"seo":10,"name":51,"slug":33},{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":39},"7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":94,"url":95,"icon":10,"name":96,"slug":97,"tags":98,"cover":116,"tagline":117,"is_featured":64,"date_created":118,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[99,102,104,105,108,109,110,112,114],{"seo":10,"name":100,"slug":101},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":103},"ai",{"seo":10,"name":51,"slug":33},{"seo":10,"name":106,"slug":107},"Freemium","freemium",{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":111},"prototyping",{"seo":10,"name":10,"slug":113},"no-code",{"seo":10,"name":10,"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",[120,126,132,137,143,148,154,160,166,172],{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fnotefolio.net\u002F","Notefolio","notefolio","screenshots\u002Fnotefolio.webp","Notefolio.net is an aggregated platform dedicated to showcasing creative works from designers worldwide, offering design inspiration, portfolio display, and industry networking.",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fwww.rebrand.gallery\u002F","Rebrand Gallery","rebrand-gallery","3049026b-f96a-4c0e-935d-086f006f34e8.webp","Explore the best new design systems, visual identity introductions and rebrand videos.",{"url":133,"name":134,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fsaaspo.com\u002F","saaspo","f3bfb4e8-5e5f-482d-b613-2424f12069be.webp","SaaSPO is a free curated gallery of top SaaS landing pages offering filtered design inspirations, community submissions, and a weekly newsletter to accelerate web design ideation for professionals.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fwww.cosmos.so\u002F","Cosmos.so","cosmos-so","f330b6b3-7c06-40b5-a1fa-621059115429.webp","Cosmos.so is a community-curated platform showcasing diverse visual collections in design, furniture, and aesthetics, offering niche inspirations for creative professionals.",{"url":144,"name":145,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002F81-web.com\u002F","81-web","screenshots\u002F81-web.webp","81-web.com is an inspiration gallery focused on excellent Japanese web design, curating websites with unique creativity and high-quality visual presentation, providing designers with references for the latest trends.",{"url":149,"name":150,"slug":151,"cover":152,"tagline":153},"https:\u002F\u002Fabduzeedo.com\u002F","Abduzeedo","abduzeedo","screenshots\u002Fabduzeedo.webp","Abduzeedo is a website focused on design inspiration, tutorials, and personal portfolios, covering a wide range of creative fields.",{"url":155,"name":156,"slug":157,"cover":158,"tagline":159},"https:\u002F\u002Fui8.net\u002F","UI8","ui-8","f9ad7c58-93de-42e8-a360-4d70c23cde24.png","UI8.net is an online marketplace dedicated to providing high-quality UI\u002FUX design resources and tools.",{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fflatui.com\u002F","Flat UI","flat-ui","screenshots\u002Fflat-ui.webp","Flat UI provides various user interface design elements and components in a flat design style.",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Flogopond.com\u002F","Logopond","logopond","screenshots\u002Flogopond.webp","Logopond is an online community focused on logo design inspiration and portfolio showcases.",{"url":173,"name":174,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Fwww.csswinner.com\u002F","CSS Winner","css-winner","screenshots\u002Fcss-winner.webp","CSS Winner is a platform that showcases and awards the best website designs from around the globe.",[179,184,194],{"url":83,"icon":10,"name":84,"slug":85,"tags":180,"cover":90,"tagline":91,"is_featured":64,"date_created":92,"date_updated":10},[181,182,183],{"seo":10,"name":51,"slug":33},{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":39},{"url":185,"icon":10,"name":186,"slug":187,"tags":188,"cover":191,"tagline":192,"is_featured":64,"date_created":193,"date_updated":10},"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[189,190],{"seo":10,"name":51,"slug":33},{"seo":10,"name":10,"slug":39},"b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",{"url":195,"icon":10,"name":196,"slug":197,"tags":198,"cover":203,"tagline":204,"is_featured":64,"date_created":205,"date_updated":10},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office",[199,201,202],{"seo":10,"name":10,"slug":200},"collaboration",{"seo":10,"name":10,"slug":113},{"seo":10,"name":10,"slug":39},"72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams","2026-06-23T13:27:14.037123+00:00"]