[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-flat-ui-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":43,"alternatives-flat-ui-en-US":119,"related-resources-flat-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},307,"Flat UI","flat-ui","https:\u002F\u002Fflatui.com\u002F","2026-06-12T06:57:39.280646+00:00",null,"Flat UI provides various user interface design elements and components in a flat design style.","Flat UI focuses on providing user interface elements that adhere to flat design aesthetics. The website's content includes various buttons, form elements, navigation menus, typography styles, color palettes, and other UI components. These resources are aimed at helping designers and developers quickly build interfaces with a modern and minimalist style.\nThe resources provided by this platform are typically presented as code snippets, PSD files, Sketch files, or other editable formats, making it convenient for users to directly copy, modify, and integrate them into their own projects. The goal of Flat UI is to simplify the implementation process of flat design, enabling users to efficiently create beautiful and feature-rich interfaces.\nThe content of Flat UI emphasizes the use of color, clean lines, and clear typography, which are core principles of flat design. Users can find inspiration here, learn how to effectively apply flat design, or directly download the required components to accelerate their development process.",{"title":14,"meta_description":15},"Flat UI - Flat UI provides various user interface design elements and components in a flat design style. | DesignToolMark","Flat UI focuses on providing user interface elements that adhere to flat design aesthetics. The website's content includes various buttons, form elements, na...",[17,18,19,20,21,22],"Comprehensive collection of flat design UI components including buttons, forms, navigation, and typography styles","Ready-to-use color palettes optimized for flat design aesthetics with harmonious gradients","Pre-styled form elements with validation states, input groups, and custom selectors","Responsive grid system and layout components built on flat design principles","CSS and HTML code snippets for quick copy-paste integration into projects","Cross-browser compatible components tested for consistent rendering across modern browsers",[24,25,26],"Lightweight and performance-optimized components with minimal CSS footprint","Clean, minimalist aesthetic that works well for modern web applications","No external dependencies required to integrate the UI components",[28,29],"Limited to flat design style only — not suitable for skeuomorphic or neumorphic design systems","Component library has not been significantly updated to reflect recent UI trends","Developers and designers building modern web interfaces who want a clean, flat design aesthetic with lightweight components.","screenshots\u002Fflat-ui.webp","4d83bd66-a9fc-4aef-ac9d-e6d21da9ec63.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,138,143,148,154,160,166,172],{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fio3000.com\u002F","IO3000","io-3000","screenshots\u002Fio-3000.webp","IO3000 is a gallery focused on collecting and showcasing minimalist web designs, curating clean and functional website examples to provide inspiration for designers who pursue a minimalist aesthetic.",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"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":133,"name":134,"slug":135,"cover":136,"tagline":137},"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":139,"name":140,"slug":140,"cover":141,"tagline":142},"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":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\u002Fcollectui.com\u002F","Collect UI","collect-ui","screenshots\u002Fcollect-ui.webp","Collect UI is a platform that collects and showcases various user interface design patterns and inspirations.",{"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"]