[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-pajamas-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-pajamas-en-US":124,"related-resources-pajamas-en-US":184},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":41,"files":45},458,"Pajamas","pajamas","https:\u002F\u002Fdesign.gitlab.com\u002F",null,"GitLab's open-source design system for consistent, accessible interfaces across products.","Pajamas is GitLab's official open-source design system, providing reusable UI components, patterns, guidelines, and tools to build consistent, accessible, and scalable user experiences across GitLab's web applications and ecosystem. It emphasizes modularity, inclusivity, and developer-designer collaboration with a comprehensive Figma library, React components (via GitLab UI), and detailed documentation, ensuring alignment with GitLab's user-centered principles.\nComponent Library: Reusable elements like buttons, forms, navigation, tables, modals, and alerts with variants for themes and states.\nDesign Tokens: Semantic colors, typography, spacing, icons (GitLab SVG Icons), and motion for unified branding.\nAccessibility: WCAG 2.1 AA compliance with ARIA support, keyboard navigation, and inclusive patterns.\nTools: Figma kit for prototyping; GitLab UI React library for implementation; Storybook for component exploration.",{"title":13,"meta_description":14},"Pajamas - GitLab's open-source design system for consistent, accessible interfaces across products. | DesignToolMark","Pajamas is GitLab's official opensource design system, providing reusable UI components, patterns, guidelines, and tools to build consistent, accessible, and...",[16,17,18,19],"Component Library: Reusable elements like buttons, forms, navigation, tables, modals, and alerts with variants for themes and states.","Design Tokens: Semantic colors, typography, spacing, icons (GitLab SVG Icons), and motion for unified branding.","Accessibility: WCAG 2.1 AA compliance with ARIA support, keyboard navigation, and inclusive patterns.","Tools: Figma kit for prototyping; GitLab UI React library for implementation; Storybook for component exploration.",[21,22,23,24],"Open source","Real-time collaboration","Extensive icon library","Scalable vector formats",[26,27],"Adoption requires team alignment","Customization can be complex","Teams building scalable, consistent digital products.","6df3ce4e-0bfa-4305-8480-02e2151c1c56.webp","edbcbf71-5b54-44c8-aa8c-c5c11efe929b.svg","free",[33],"Browser",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Design Systems","design-systems",[],[42,44],{"name":43,"slug":31},"Free",{"name":38,"slug":39},[46],{"url":47,"type":48},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F781156790581391771","figma",[50,70,85,98],{"id":51,"url":52,"icon":9,"name":53,"slug":54,"tags":55,"cover":66,"tagline":67,"is_featured":68,"date_created":69,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[56,57,59,61,63,65],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":58},"fonts",{"seo":9,"name":9,"slug":60},"icons",{"seo":9,"name":9,"slug":62},"mockups",{"seo":9,"name":9,"slug":64},"ui-kits",{"seo":9,"name":9,"slug":39},"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":71,"url":72,"icon":9,"name":73,"slug":74,"tags":75,"cover":82,"tagline":83,"is_featured":68,"date_created":84,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[76,77,80],{"seo":9,"name":43,"slug":31},{"seo":9,"name":78,"slug":79},"Open Source","open-source",{"seo":9,"name":9,"slug":81},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":86,"url":87,"icon":9,"name":88,"slug":89,"tags":90,"cover":95,"tagline":96,"is_featured":68,"date_created":97,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[91,92,93],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":94},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":99,"url":100,"icon":9,"name":101,"slug":102,"tags":103,"cover":121,"tagline":122,"is_featured":68,"date_created":123,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[104,107,109,110,113,114,115,117,119],{"seo":9,"name":105,"slug":106},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":108},"ai",{"seo":9,"name":43,"slug":31},{"seo":9,"name":111,"slug":112},"Freemium","freemium",{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":116},"prototyping",{"seo":9,"name":9,"slug":118},"no-code",{"seo":9,"name":9,"slug":120},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[125,131,137,143,149,155,161,167,173,178],{"url":126,"name":127,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Fmoondesignsystem.com\u002F","Moon Design System","moon-design-system","98a03427-305d-4b4f-9ff3-75d7355da784.webp","open-source UI framework for consistent, customizable digital experiences.",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fnativebase.io\u002F","NativeBase Design System","native-base-design-system","3f441d33-8c8a-4c12-8688-40e441a2c25e.webp","open-source UI component library for React Native with customizable, accessible cross-platform designs.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fnewskit.co.uk\u002F","NewsKit","news-kit","f4b41300-39f8-4c94-8f02-8291169b9262.webp","News UK's open-source design system for consistent, accessible digital news experiences.",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Forbit.kiwi\u002F","Orbit","orbit","ca0024d4-524d-4f26-9f4c-4ecb534bf93a.webp","Kiwi.com's open-source design system for consistent, accessible travel booking interfaces.",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fux.palmetto.com\u002F","Palmetto Design System","palmetto-design-system","f50abbab-5c4c-4f0a-aabf-8ec395fdd81c.webp","open-source design system for consistent, accessible solar energy product interfaces.",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fpaste.twilio.design\u002F","Paste","paste","8f0b425a-2151-4269-9a47-62b660e941ad.webp","Twilio's open-source design system for consistent, accessible communication product interfaces.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Fpando.pluralsight.com\u002F","Pando Design System","pando-design-system","d938932f-607f-4fe7-afa6-33b2a3080825.webp","Pluralsight's open-source design system for consistent, accessible web interfaces.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fdesignsystem.porsche.com\u002F","Porsche Design System","porsche-design-system","c1a6007f-989f-4725-984b-1860c676c73f.webp","open-source framework for consistent, premium automotive digital interfaces.",{"url":174,"name":175,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Fgluestack.io\u002F","gluestack-ui","5a546b62-0e4c-4f7b-afd7-90b343d10bdb.webp","open-source universal React UI library with customizable, accessible components for web and native apps.",{"url":179,"name":180,"slug":181,"cover":182,"tagline":183},"https:\u002F\u002Fparadigm.mail.ru\u002F","Paradigm Design System","paradigm-design-system","312e6227-8f6e-4155-b00e-7c9b6e2c6d38.webp","Mail.ru\u002FVK's open-source framework for consistent web interfaces.",[185,193,204],{"url":52,"icon":9,"name":53,"slug":54,"tags":186,"cover":66,"tagline":67,"is_featured":68,"date_created":69,"date_updated":9},[187,188,189,190,191,192],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":60},{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":39},{"url":100,"icon":9,"name":101,"slug":102,"tags":194,"cover":121,"tagline":122,"is_featured":68,"date_created":123,"date_updated":9},[195,196,197,198,199,200,201,202,203],{"seo":9,"name":105,"slug":106},{"seo":9,"name":9,"slug":108},{"seo":9,"name":43,"slug":31},{"seo":9,"name":111,"slug":112},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":116},{"seo":9,"name":9,"slug":118},{"seo":9,"name":9,"slug":120},{"url":205,"icon":9,"name":206,"slug":207,"tags":208,"cover":214,"tagline":215,"is_featured":68,"date_created":216,"date_updated":9},"https:\u002F\u002Fflareum.io\u002F","Flareum","flareum",[209,210,212],{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":211},"figma-file",{"seo":9,"name":9,"slug":213},"collaboration","7ce196b0-b5f3-49d4-ba83-cdff08424942.webp","Design system builder that syncs Figma and code","2026-06-23T12:06:17.661232+00:00"]