[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-base-gallery-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"alternatives-base-gallery-en-US":122,"related-resources-base-gallery-en-US":183},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":19,"cons":24,"best_for":27,"cover":28,"icon":29,"pricing":30,"platform":31,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":33,"views_count":34,"featured_rank":9,"categories":35,"tags":40,"files":44},435,"Base Gallery","base-gallery","https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F805195278314519508",null,"Figma community file showcasing a collection of UI components for design inspiration and prototyping.","The Base Gallery Figma file (figma.com\u002Fcommunity\u002Ffile\u002F805195278314519508) is a community resource providing a curated gallery of base UI components and patterns for designers to explore and prototype modern interfaces. Created by the Figma community, it serves as a starting point for building scalable designs, with elements like buttons, cards, forms, and layouts. It's ideal for UI\u002FUX designers seeking quick references and customizable assets to accelerate project workflows.\nComponent Library: Essential UI elements like buttons, inputs, navigation, and cards with variants.\nPrototyping Support: Auto-layout and interactions for rapid iteration.\nInspiration Focus: Curated for design exploration and consistency.",{"title":13,"meta_description":14},"Base Gallery - Figma community file showcasing a collection of UI components for design inspiration and prototyping. | DesignToolMark","The Base Gallery Figma file (figma.com\u002Fcommunity\u002Ffile\u002F805195278314519508) is a community resource providing a curated gallery of base UI components and patte...",[16,17,18],"Component Library: Essential UI elements like buttons, inputs, navigation, and cards with variants.","Prototyping Support: Auto-layout and interactions for rapid iteration.","Inspiration Focus: Curated for design exploration and consistency.",[20,21,22,23],"Comprehensive design system","Interactive prototyping","Streamlines workflow","Third-party integrations",[25,26],"Adoption requires team alignment","Customization can be complex","Component Library: Essential UI elements like buttons, inputs, navigation, and cards with variants. Prototyping Support: Auto-layout and interactions for rapid iteration. Inspiration Focus: Curated for design exploration and consistency.","b74e1e61-d456-49db-80d4-662a31d51a4f.webp","beded19a-9153-41c9-97ee-e8ed19e699fa.svg","free",[32],"Browser",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Design Systems","design-systems",[],[41,43],{"name":42,"slug":30},"Free",{"name":37,"slug":38},[45],{"url":8,"type":46},"figma",[48,68,83,96],{"id":49,"url":50,"icon":9,"name":51,"slug":52,"tags":53,"cover":64,"tagline":65,"is_featured":66,"date_created":67,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[54,55,57,59,61,63],{"seo":9,"name":42,"slug":30},{"seo":9,"name":9,"slug":56},"fonts",{"seo":9,"name":9,"slug":58},"icons",{"seo":9,"name":9,"slug":60},"mockups",{"seo":9,"name":9,"slug":62},"ui-kits",{"seo":9,"name":9,"slug":38},"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":69,"url":70,"icon":9,"name":71,"slug":72,"tags":73,"cover":80,"tagline":81,"is_featured":66,"date_created":82,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[74,75,78],{"seo":9,"name":42,"slug":30},{"seo":9,"name":76,"slug":77},"Open Source","open-source",{"seo":9,"name":9,"slug":79},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":84,"url":85,"icon":9,"name":86,"slug":87,"tags":88,"cover":93,"tagline":94,"is_featured":66,"date_created":95,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[89,90,91],{"seo":9,"name":42,"slug":30},{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":92},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":97,"url":98,"icon":9,"name":99,"slug":100,"tags":101,"cover":119,"tagline":120,"is_featured":66,"date_created":121,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[102,105,107,108,111,112,113,115,117],{"seo":9,"name":103,"slug":104},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":106},"ai",{"seo":9,"name":42,"slug":30},{"seo":9,"name":109,"slug":110},"Freemium","freemium",{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":38},{"seo":9,"name":9,"slug":114},"prototyping",{"seo":9,"name":9,"slug":116},"no-code",{"seo":9,"name":9,"slug":118},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[123,129,135,141,147,153,159,165,171,177],{"url":124,"name":125,"slug":126,"cover":127,"tagline":128},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1047600760128127424\u002Faws-amplify-ui-kit","AWS Amplify","aws-amplify","4ba08f58-1771-43c7-9b18-b3445362f384.webp","Figma components for building Amplify-powered apps with consistent AWS design language.",{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F862805330899066752","Airtable UI Kit","airtable-ui-kit","59462e6f-03cf-4786-878f-43147ddf2897.webp","Figma components for designing Airtable-integrated apps with consistent UI patterns.",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fwww.figma.com\u002F@backstage","Backstage Design System","backstage-design-system","2dc0463e-c5e0-4c7a-a1c8-618668bce9ae.webp","Figma kit for Backstage developer portals with UI components and guidelines.",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fwww.figma.com\u002F@atlassian","Atlassian Design System","atlassian-design-system","7c4fca7f-1d04-4216-8c55-a68b69761003.png","comprehensive guidelines and Figma components for consistent, accessible product interfaces.",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fcarbondesignsystem.com\u002F","Carbon Design System","carbon-design-system","f057e46c-3403-4f79-b0fe-7234ab8eab99.webp","IBM's open-source UI framework for consistent, accessible enterprise products.",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fcloudscape.design\u002F","Cloudscape Design System","cloudscape-design-system","bc8d1889-c2d0-448f-9aaf-6344c3a09da6.webp","AWS open-source UI framework for consistent, accessible enterprise cloud applications.",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Feui.elastic.co\u002F","Elastic UI","elastic-ui","39c58c5d-1fd8-4d1d-9e61-34a7e2cfcc5b.webp","open-source React framework for consistent, accessible enterprise interfaces.",{"url":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fevergreen.segment.com\u002F","Evergreen","evergreen","083326da-6b7a-4c88-996b-680c0d937ecd.webp","open-source React UI framework by Segment for consistent, accessible enterprise applications.",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fdoc.animaliads.io\u002F","Animalia DS","animalia-ds","27459ea0-63e7-4ca0-8224-14f3659e3932.webp","comprehensive design system for consistent UI components and guidelines in Animali apps.",{"url":178,"name":179,"slug":180,"cover":181,"tagline":182},"https:\u002F\u002Fwww.wixdesignsystem.com\u002F","Wix Design System","wix-design-system","1d3e413c-f60a-4a67-9e60-f2c2fbb3e383.webp","comprehensive Figma library of UI components and guidelines for consistent Wix app designs.",[184,192,203],{"url":50,"icon":9,"name":51,"slug":52,"tags":185,"cover":64,"tagline":65,"is_featured":66,"date_created":67,"date_updated":9},[186,187,188,189,190,191],{"seo":9,"name":42,"slug":30},{"seo":9,"name":9,"slug":56},{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":60},{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":38},{"url":98,"icon":9,"name":99,"slug":100,"tags":193,"cover":119,"tagline":120,"is_featured":66,"date_created":121,"date_updated":9},[194,195,196,197,198,199,200,201,202],{"seo":9,"name":103,"slug":104},{"seo":9,"name":9,"slug":106},{"seo":9,"name":42,"slug":30},{"seo":9,"name":109,"slug":110},{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":38},{"seo":9,"name":9,"slug":114},{"seo":9,"name":9,"slug":116},{"seo":9,"name":9,"slug":118},{"url":204,"icon":9,"name":205,"slug":206,"tags":207,"cover":213,"tagline":214,"is_featured":66,"date_created":215,"date_updated":9},"https:\u002F\u002Fflareum.io\u002F","Flareum","flareum",[208,209,211],{"seo":9,"name":9,"slug":38},{"seo":9,"name":9,"slug":210},"figma-file",{"seo":9,"name":9,"slug":212},"collaboration","7ce196b0-b5f3-49d4-ba83-cdff08424942.webp","Design system builder that syncs Figma and code","2026-06-23T12:06:17.661232+00:00"]