Repository files navigation

🌱 Garden is the design system by Zendesk

Garden React provides consistent styling and behavior for Garden components.React components are maintained following a multi-package approach wherecomponents are packaged and published individually, but combined under thissingle repository.

See the individual package README for the React component you would liketo install.

Package	Version	Size
@zendeskgarden/react-accordions
@zendeskgarden/react-avatars
@zendeskgarden/react-breadcrumbs
@zendeskgarden/react-buttons
@zendeskgarden/react-chrome
@zendeskgarden/react-colorpickers
@zendeskgarden/react-datepickers
@zendeskgarden/react-draggable
@zendeskgarden/react-dropdowns.legacy
@zendeskgarden/react-dropdowns
@zendeskgarden/react-forms
@zendeskgarden/react-grid
@zendeskgarden/react-loaders
@zendeskgarden/react-modals
@zendeskgarden/react-notifications
@zendeskgarden/react-pagination
@zendeskgarden/react-tabs
@zendeskgarden/react-tables
@zendeskgarden/react-tags
@zendeskgarden/react-theming
@zendeskgarden/react-tooltips
@zendeskgarden/react-typography

Garden React packages are ready to use in aCreate React App environment or togetherwith standard Rollup or webpack build configurations.

Here is a simple example to get you started:

importReactfrom'react';importReactDOMfrom'react-dom';import{ThemeProvider}from'@zendeskgarden/react-theming';import{Button}from'@zendeskgarden/react-buttons';constApp=()=>(/* Include a ThemeProvider wrapper at the root of your app */<ThemeProvider><Button>Example Garden button</Button></ThemeProvider>);ReactDOM.render(<App/>,document.getElementById('root'));

Check out more Garden React components in this sandbox IDE:

See Garden'sdocumentation website or clickthe links below to learn more.

• Versioning policy
• Major releasemigration instructions
• ComponentAPI
• Development guidelines
• Architecturaldecision records

Thanks for your interest in Garden! Community involvement helps make ourdesign system fresh and tasty for everyone.

Got issues with what you find here? Please feel free to create anissue.

If you'd like to take a crack at making some changes, please follow ourcontributing documentation for detailsneeded to submit a PR.

Community behavior is benevolently ruled by acode ofconduct. Please participate accordingly.

Copyright 2025 Zendesk

Licensed under theApache License, Version 2.0