[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-base-gallery-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":46,"alternatives-base-gallery-en-US":114,"related-resources-base-gallery-en-US":175},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":14,"pros":18,"cons":23,"best_for":26,"cover":27,"icon":28,"pricing":29,"platform":30,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":32,"views_count":33,"featured_rank":9,"categories":34,"tags":39,"files":43},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,"description":10},"Base Gallery - Figma community file showcasing a collection of UI components for design inspiration and prototyping. | DesignToolMark",[15,16,17],"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.",[19,20,21,22],"Comprehensive design system","Interactive prototyping","Streamlines workflow","Third-party integrations",[24,25],"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",[31],"Browser",{"free":3},0,[35],{"name":36,"slug":37,"sub_categories":38},"Design Systems","design-systems",[],[40,42],{"name":41,"slug":29},"Free",{"name":36,"slug":37},[44],{"url":8,"type":45},"figma",[47,66,82,100],{"id":48,"url":49,"icon":9,"name":50,"slug":51,"tags":52,"cover":62,"tagline":63,"is_featured":64,"date_created":65,"date_updated":9},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[53,55,57,59],{"seo":9,"name":9,"slug":54},"wireframe",{"seo":9,"name":9,"slug":56},"user-research",{"seo":9,"name":9,"slug":58},"web-design",{"seo":9,"name":60,"slug":61},"Freemium","freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":67,"url":68,"icon":9,"name":69,"slug":70,"tags":71,"cover":79,"tagline":80,"is_featured":64,"date_created":81,"date_updated":9},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[72,73,74,76,78],{"seo":9,"name":9,"slug":54},{"seo":9,"name":9,"slug":56},{"seo":9,"name":9,"slug":75},"collaboration",{"seo":9,"name":9,"slug":77},"design-handoff",{"seo":9,"name":60,"slug":61},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":83,"url":84,"icon":9,"name":85,"slug":86,"tags":87,"cover":97,"tagline":98,"is_featured":64,"date_created":99,"date_updated":9},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[88,89,91,92,94,96],{"seo":9,"name":9,"slug":54},{"seo":9,"name":9,"slug":90},"prototyping",{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":93},"responsive",{"seo":9,"name":9,"slug":95},"icons",{"seo":9,"name":60,"slug":61},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":101,"url":102,"icon":9,"name":103,"slug":104,"tags":105,"cover":111,"tagline":112,"is_featured":64,"date_created":113,"date_updated":9},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[106,107,108,109,110],{"seo":9,"name":9,"slug":54},{"seo":9,"name":9,"slug":90},{"seo":9,"name":9,"slug":75},{"seo":9,"name":9,"slug":77},{"seo":9,"name":60,"slug":61},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[115,121,127,133,139,145,151,157,163,169],{"url":116,"name":117,"slug":118,"cover":119,"tagline":120},"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":122,"name":123,"slug":124,"cover":125,"tagline":126},"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":128,"name":129,"slug":130,"cover":131,"tagline":132},"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":134,"name":135,"slug":136,"cover":137,"tagline":138},"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":140,"name":141,"slug":142,"cover":143,"tagline":144},"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":146,"name":147,"slug":148,"cover":149,"tagline":150},"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":152,"name":153,"slug":154,"cover":155,"tagline":156},"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":158,"name":159,"slug":160,"cover":161,"tagline":162},"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":164,"name":165,"slug":166,"cover":167,"tagline":168},"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":170,"name":171,"slug":172,"cover":173,"tagline":174},"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.",[176,190,202],{"url":177,"icon":9,"name":178,"slug":179,"tags":180,"cover":187,"tagline":188,"is_featured":9,"date_created":189,"date_updated":9},"https:\u002F\u002Fzeroheight.com","Zeroheight","zeroheight",[181,182,183,184,185],{"seo":9,"name":9,"slug":37},{"seo":9,"name":9,"slug":75},{"seo":9,"name":9,"slug":90},{"seo":9,"name":9,"slug":77},{"seo":9,"name":9,"slug":186},"figma-file","8f4828c0-3236-44df-9cce-4b74ad2700f7.webp","Living design system documentation — connect Figma to code with interactive docs","2026-06-16T07:16:42.647437+00:00",{"url":191,"icon":9,"name":192,"slug":193,"tags":194,"cover":199,"tagline":200,"is_featured":9,"date_created":201,"date_updated":9},"https:\u002F\u002Fspecifyapp.com","Specify","specify",[195,196,198],{"seo":9,"name":9,"slug":75},{"seo":9,"name":9,"slug":197},"version-control",{"seo":9,"name":9,"slug":77},"ac2bb029-95df-4617-97ca-6051f5dccfc1.webp","Design token platform that pushes your design decisions to code — automatically","2026-06-16T07:14:19.135613+00:00",{"url":203,"icon":204,"name":205,"slug":206,"tags":207,"cover":209,"tagline":210,"is_featured":9,"date_created":211,"date_updated":212},"https:\u002F\u002Fvuetifyjs.com\u002F","bd46950f-9a47-4d81-95da-ed6467288051.svg","Vuetify","vuetify",[208],{"seo":9,"name":9,"slug":37},"screenshots\u002Fvuetify.webp","Vuetify is a complete Vue.js UI framework that strictly adheres to Material Design guidelines, offering a rich set of components and powerful customization capabilities.","2025-10-15T08:20:56.561+00:00","2026-06-12T06:51:44.386368+00:00"]