[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-pando-design-system-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-pando-design-system-en-US":124,"related-resources-pando-design-system-en-US":185},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},462,"Pando Design System","pando-design-system","https:\u002F\u002Fpando.pluralsight.com\u002F",null,"Pluralsight's open-source design system for consistent, accessible web interfaces.","Pando is Pluralsight's official open-source design system, providing guidelines, styles, and React components to build consistent, accessible, and user-friendly interfaces for web apps. It includes semantic tokens, headless styles, and a React library (@pluralsight\u002Freact) for flexible customization, with support for dark\u002Flight\u002Fsystem themes. Pando v1 is the latest, focusing on composability and ease for React developers, with documentation and examples for integration.\nReact Components: Composable library with accessibility built-in.\nThemes: Dark (default), light, system modes with semantic tokens.\nCustomization: Headless styles and design tokens for extension.\nTools: Design tokens package, icons, and presets.",{"title":13,"meta_description":14},"Pando Design System - Pluralsight's open-source design system for consistent, accessible web interfaces. | DesignToolMark","Pando is Pluralsight's official opensource design system, providing guidelines, styles, and React components to build consistent, accessible, and userfriendl...",[16,17,18,19],"React Components: Composable library with accessibility built-in.","Themes: Dark (default), light, system modes with semantic tokens.","Customization: Headless styles and design tokens for extension.","Tools: Design tokens package, icons, and presets.",[21,22,23,24],"Open source","Extensive icon library","Customizable colors and sizes","Comprehensive design system",[26,27],"Adoption requires team alignment","Customization can be complex","Themes: Dark (default), light, system modes with semantic tokens. Customization: Headless styles and design tokens for extension. Tools: Design tokens package, icons, and presets.","d938932f-607f-4fe7-afa6-33b2a3080825.webp","66da16f6-161a-466a-962e-0cc2a8c3cd55.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\u002F915654353202115828\u002Fpsds-web-components","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,179],{"url":126,"name":127,"slug":128,"cover":129,"tagline":130},"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":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fdesign.gitlab.com\u002F","Pajamas","pajamas","6df3ce4e-0bfa-4305-8480-02e2151c1c56.webp","GitLab's open-source design system for consistent, accessible interfaces across products.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"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":144,"name":145,"slug":146,"cover":147,"tagline":148},"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":150,"name":151,"slug":152,"cover":153,"tagline":154},"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":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fprimer.style\u002F","Primer Design System","primer-design-system","906f2f3b-9f37-482d-8ed3-ad6fe7baad5d.webp","GitHub's open-source design system for consistent, accessible web interfaces.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Frangle.io\u002Fradius","Radius Design System","radius-design-system","f2dd1c78-c750-4a48-8db0-5fc635fd3907.webp","Rangle's meta-framework accelerating custom design system creation with tools and kits.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fwww.saltdesignsystem.com\u002Fsalt\u002Findex","Salt Design System","salt-design-system","fc71eb34-936d-4b69-a838-c8639e184414.webp","J.P. Morgan's open-source framework for accessible, customizable financial interfaces.",{"url":174,"name":175,"slug":176,"cover":177,"tagline":178},"https:\u002F\u002Fdocs.slack.dev\u002Fblock-kit\u002F","Slack Block Kit","slack-block-kit","f6de092e-fe4f-4cfe-a96a-f1af2afc92ff.webp","modular UI framework for building rich, interactive messages and apps in Slack.",{"url":180,"name":181,"slug":182,"cover":183,"tagline":184},"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.",[186,194,205],{"url":52,"icon":9,"name":53,"slug":54,"tags":187,"cover":66,"tagline":67,"is_featured":68,"date_created":69,"date_updated":9},[188,189,190,191,192,193],{"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":195,"cover":121,"tagline":122,"is_featured":68,"date_created":123,"date_updated":9},[196,197,198,199,200,201,202,203,204],{"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":206,"icon":9,"name":207,"slug":208,"tags":209,"cover":215,"tagline":216,"is_featured":68,"date_created":217,"date_updated":9},"https:\u002F\u002Fflareum.io\u002F","Flareum","flareum",[210,211,213],{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":212},"figma-file",{"seo":9,"name":9,"slug":214},"collaboration","7ce196b0-b5f3-49d4-ba83-cdff08424942.webp","Design system builder that syncs Figma and code","2026-06-23T12:06:17.661232+00:00"]