<h2>Overview</h2>
<p>The Garden design system by Zendesk has brought a refreshing approach to building interfaces with its React components. This library not only ensures a cohesive look and feel across applications but also enhances the developer experience by providing a well-structured suite of components. Each component can be installed individually, promoting flexibility and efficiency for developers who want to keep their projects lightweight while still using high-quality elements.</p>
<p>Garden React Components stand out with their commitment to consistency and ease of use. By maintaining a multi-package approach, they allow developers to cherry-pick the components that best suit their needs without unnecessary bloat. Below is a closer look at some of the key features that make Garden React a desirable choice for web application development.</p>
<h2>Features</h2>
<ul>
<li><strong>Consistent Styling</strong>: Each component follows a unified design language, ensuring visual harmony across your project.</li>
<li><strong>Multi-Package Approach</strong>: Components are individually packaged and published, giving developers the flexibility to install only what they need.</li>
<li><strong>Broad Component Library</strong>: A vast selection of UI components, including accordions, buttons, and dropdowns, streamlining the development process.</li>
<li><strong>Installation Simplicity</strong>: Each component comes with its own README file, making the installation process straightforward for developers.</li>
<li><strong>Performance Optimized</strong>: Each component's bundle size is minimized, contributing to faster loading times and a better user experience.</li>
<li><strong>Comprehensive Documentation</strong>: Features detailed documentation that assists developers in understanding and implementing each component effectively.</li>
<li><strong>Theming Support</strong>: Easily customizable themes allow for adaptation to suit any branding or design requirement.</li>
<li><strong>Responsive Design</strong>: Components are built with responsiveness in mind, ensuring they work seamlessly across different screen sizes.</li>
</ul>


<h2>Overview</h2>
<p>Garden by Zendesk is an innovative design system that focuses on building accessible, keyboard navigable, and RTL-aware components for React applications. The Garden Containers are an essential part of this system, providing developers with a reliable foundation to create user-friendly interfaces. With a variety of components available, users can easily integrate functionalities that enhance usability and compliance with accessibility standards.</p>
<p>These containers come with detailed documentation and are designed to be simple to install and use, making them suitable for both new and experienced developers. Whether you’re building a complex application or just need a few components, Zendesk's Garden Containers offer a streamlined approach to component development.</p>
<h2>Features</h2>
<ul>
<li><strong>Accessibility Focused</strong>: Built with accessibility in mind, ensuring compliance with standard practices across all components.</li>
<li><strong>Keyboard Navigation</strong>: Allows users to navigate through components using keyboard shortcuts, enhancing user experience for those who rely on keyboards.</li>
<li><strong>RTL Support</strong>: Right-to-left language support, making it easy for developers to create interfaces for global audiences.</li>
<li><strong>Multiple Component Options</strong>: A diverse range of containers like accordion, breadcrumb, modal, and more, providing flexibility in design.</li>
<li><strong>Easy Installation</strong>: Simple installation process through popular tools like create-react-app and standard webpack configurations.</li>
<li><strong>Community Driven</strong>: Open for contributions, allowing users to engage and improve the design system collaboratively.</li>
<li><strong>Detailed Documentation</strong>: Each package comes with a comprehensive README that guides users through implementation and usage.</li>
</ul>


Zendeskgarden

React Components

React Containers