[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-palmetto-design-system-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-palmetto-design-system-en-US":104,"related-resources-palmetto-design-system-en-US":164},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},459,"Palmetto Design System","palmetto-design-system","https:\u002F\u002Fux.palmetto.com\u002F",null,"open-source design system for consistent, accessible solar energy product interfaces.","Palmetto Design System is Palmetto's open-source design system, providing reusable UI components, patterns, and guidelines to build consistent, accessible, and scalable digital experiences for solar energy products and services. It focuses on clean energy branding with modularity, sustainability themes, and user-centered design, including React components and Figma libraries for seamless collaboration across web and mobile platforms.\nComponent Library: Reusable elements like buttons, forms, cards, navigation, and data visualizations with variants for themes and states.\nDesign Tokens: Semantic colors (solar-inspired palettes), typography, spacing, icons, and motion for brand consistency.\nAccessibility: WCAG compliance with ARIA support and inclusive patterns.\nTools: Figma kit for prototyping; React library for implementation.",{"title":13,"meta_description":14},"Palmetto Design System - open-source design system for consistent, accessible solar energy product interfaces. | DesignToolMark","Palmetto Design System is Palmetto's opensource design system, providing reusable UI components, patterns, and guidelines to build consistent, accessible, an...",[16,17,18,19],"Component Library: Reusable elements like buttons, forms, cards, navigation, and data visualizations with variants for themes and states.","Design Tokens: Semantic colors (solar-inspired palettes), typography, spacing, icons, and motion for brand consistency.","Accessibility: WCAG compliance with ARIA support and inclusive patterns.","Tools: Figma kit for prototyping; React library for implementation.",[21,22,23,24],"Open source","Real-time collaboration","Extensive icon library","Color palette generation",[26,27],"Adoption requires team alignment","Customization can be complex","Teams building scalable, consistent digital products.","f50abbab-5c4c-4f0a-aabf-8ec395fdd81c.webp","f9ad8971-98a1-49ad-8958-1703fbaf043c.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\u002F1028035387113112169\u002Fpalmetto-design-system","figma",[50,66,79,90],{"id":51,"url":52,"icon":9,"name":53,"slug":54,"tags":55,"cover":62,"tagline":63,"is_featured":64,"date_created":65,"date_updated":9},887,"https:\u002F\u002Fgithub.com\u002Fjub0t\u002FConcat","Concat","concat",[56,57,60],{"seo":9,"name":43,"slug":31},{"seo":9,"name":58,"slug":59},"Open Source","open-source",{"seo":9,"name":9,"slug":61},"video","f2afb6b7-328d-48ed-819b-4c76c7f4fadd.webp","The free, open-source CapCut replacement — no watermarks, no account, no subscription",false,"2026-09-22T02:57:50.00508+00:00",{"id":67,"url":68,"icon":9,"name":69,"slug":70,"tags":71,"cover":76,"tagline":77,"is_featured":64,"date_created":78,"date_updated":9},886,"https:\u002F\u002Frobbietilton.com\u002Fcompositor","Compositor","compositor",[72,73,74],{"seo":9,"name":43,"slug":31},{"seo":9,"name":58,"slug":59},{"seo":9,"name":9,"slug":75},"image-editing","7c6004b5-ad63-4528-b46f-af98a977bded.webp","The Photoshop alternative for Mac — free, open source, and always yours","2026-09-20T09:21:14.062761+00:00",{"id":80,"url":81,"icon":9,"name":82,"slug":83,"tags":84,"cover":87,"tagline":88,"is_featured":64,"date_created":89,"date_updated":9},885,"https:\u002F\u002Ftenzen.studio\u002Fphoton\u002F","Photon Studio","photon-studio",[85,86],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":75},"af10e82a-fbef-49bc-a66e-8666dd2b86db.webp","A free desktop image editor with layers, retouching, and native PSD support","2026-09-18T08:27:18.65337+00:00",{"id":91,"url":92,"icon":9,"name":93,"slug":94,"tags":95,"cover":101,"tagline":102,"is_featured":64,"date_created":103,"date_updated":9},884,"https:\u002F\u002Fwww.videowatermarkremove.com\u002F","CleanVideoAI","videowatermarkremove",[96,97,100],{"seo":9,"name":43,"slug":31},{"seo":9,"name":98,"slug":99},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":61},"667bb968-b9b8-4d76-b9b5-0a4466ff5e99.webp","Remove watermarks, logos, and text from videos instantly — free & no login","2026-09-08T08:18:26.941938+00:00",[105,111,117,123,129,135,141,147,153,158],{"url":106,"name":107,"slug":108,"cover":109,"tagline":110},"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":112,"name":113,"slug":114,"cover":115,"tagline":116},"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":118,"name":119,"slug":120,"cover":121,"tagline":122},"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":124,"name":125,"slug":126,"cover":127,"tagline":128},"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":130,"name":131,"slug":132,"cover":133,"tagline":134},"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":136,"name":137,"slug":138,"cover":139,"tagline":140},"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":142,"name":143,"slug":144,"cover":145,"tagline":146},"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":148,"name":149,"slug":150,"cover":151,"tagline":152},"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":154,"name":155,"slug":155,"cover":156,"tagline":157},"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":159,"name":160,"slug":161,"cover":162,"tagline":163},"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.",[165,178,196],{"url":166,"icon":9,"name":167,"slug":168,"tags":169,"cover":175,"tagline":176,"is_featured":64,"date_created":177,"date_updated":9},"https:\u002F\u002Fvessa.design\u002F","Vessa","vessa",[170,172,173],{"seo":9,"name":9,"slug":171},"branding",{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":174},"collaboration","4b2a0926-72ae-469e-b417-d2999453f13e.webp","Interactive brand guidelines your clients will actually use","2026-08-20T07:33:26.405607+00:00",{"url":179,"icon":9,"name":180,"slug":181,"tags":182,"cover":193,"tagline":194,"is_featured":64,"date_created":195,"date_updated":9},"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[183,184,186,188,190,192],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":185},"fonts",{"seo":9,"name":9,"slug":187},"icons",{"seo":9,"name":9,"slug":189},"mockups",{"seo":9,"name":9,"slug":191},"ui-kits",{"seo":9,"name":9,"slug":39},"39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools","2026-07-16T01:44:01.585569+00:00",{"url":197,"icon":9,"name":198,"slug":199,"tags":200,"cover":216,"tagline":217,"is_featured":64,"date_created":218,"date_updated":9},"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[201,202,204,205,208,209,210,212,214],{"seo":9,"name":98,"slug":99},{"seo":9,"name":9,"slug":203},"ai",{"seo":9,"name":43,"slug":31},{"seo":9,"name":206,"slug":207},"Freemium","freemium",{"seo":9,"name":9,"slug":191},{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":211},"prototyping",{"seo":9,"name":9,"slug":213},"no-code",{"seo":9,"name":9,"slug":215},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00"]