[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-evergreen-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-evergreen-en-US":124,"related-resources-evergreen-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},441,"Evergreen","evergreen","https:\u002F\u002Fevergreen.segment.com\u002F",null,"open-source React UI framework by Segment for consistent, accessible enterprise applications.","Evergreen is an open-source React UI framework developed by Segment (now part of Twilio) for building performant, accessible web applications with a focus on enterprise-grade consistency and developer productivity. It provides a set of polished, modular components that follow modern design principles, making it ideal for internal tools, dashboards, and data-heavy interfaces. Evergreen emphasizes primitive components that can be composed flexibly, with built-in accessibility and theming support.\nComponent Library: Primitive yet powerful elements like buttons, inputs, tables, popovers, and toasts with extensive variants.\nDesign Tokens: Customizable themes for colors, typography, spacing, and shadows.\nAccessibility: WCAG-compliant with ARIA support and keyboard navigation.\nLightweight: No external dependencies beyond React; easy integration.",{"title":13,"meta_description":14},"Evergreen - open-source React UI framework by Segment for consistent, accessible enterprise applications. | DesignToolMark","Evergreen is an opensource React UI framework developed by Segment (now part of Twilio) for building performant, accessible web applications with a focus on ...",[16,17,18,19],"Component Library: Primitive yet powerful elements like buttons, inputs, tables, popovers, and toasts with extensive variants.","Design Tokens: Customizable themes for colors, typography, spacing, and shadows.","Accessibility: WCAG-compliant with ARIA support and keyboard navigation.","Lightweight: No external dependencies beyond React; easy integration.",[21,22,23,24],"Open source","Color palette generation","Accessibility contrast checking","Comprehensive design system",[26,27],"Adoption requires team alignment","Customization can be complex","Design Tokens: Customizable themes for colors, typography, spacing, and shadows. Accessibility: WCAG-compliant with ARIA support and keyboard navigation. Lightweight: No external dependencies beyond React; easy integration.","083326da-6b7a-4c88-996b-680c0d937ecd.webp","ef73602b-9565-4737-8653-73d117d67bf5.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\u002F974362403539471944\u002Fdeprecated-evergreen-v6","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\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F805195278314519508","Base Gallery","base-gallery","b74e1e61-d456-49db-80d4-662a31d51a4f.webp","Figma community file showcasing a collection of UI components for design inspiration and prototyping.",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"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":138,"name":139,"slug":140,"cover":141,"tagline":142},"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":144,"name":145,"slug":146,"cover":147,"tagline":148},"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":150,"name":151,"slug":152,"cover":153,"tagline":154},"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":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fwww.sap.com\u002Fdesign-system\u002F","SAP Design System","sap-design-system","48829753-db3e-4292-bbf2-1d01f7a58cff.webp","open-source framework for consistent, accessible enterprise UI across SAP products.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Fflowbite.com\u002F","Flowbite Design System","flowbite-design-system","1fc705b7-2a78-4a13-ae72-b6fbf30933be.webp","open-source Tailwind CSS component library with Figma kit for rapid UI building.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Ff36.contentful.com\u002F","Forma 36 Design System","forma-36-design-system","96d051e6-00df-499a-8ac3-7c9c54cb0bb5.webp","Contentful's open-source design system for consistent, accessible content management interfaces.",{"url":174,"name":175,"slug":176,"cover":177,"tagline":178},"https:\u002F\u002Fmobilelive.ai\u002Ffriday-design-system","Friday Design System","friday-design-system","868cc299-6f7d-40fb-8de5-5e523df3ba7e.webp","open-source Figma UI kit for rapid prototyping with customizable components.",{"url":180,"name":181,"slug":182,"cover":183,"tagline":184},"https:\u002F\u002Ffluent2.microsoft.design\u002F","Fluent UI","fluent-ui","36a9eb2b-2406-49b2-9e68-80ace6c480a2.webp","Microsoft's open-source UI framework for consistent, accessible experiences across web, Windows, iOS, Android, and macOS.",[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"]