# Grommet

- **Website:** <https://grommet.io>
- **Primary alias:** `grommet.io`

## Description

Grommet is a react-based framework that offers a powerful combination of design system and framework, allowing you to develop applications effortlessly. With Grommet, building responsive and accessible mobile-first projects for the web has never been easier. Its user-friendly component library simplifies the development process, while its support for accessibility, modularity, responsiveness, and theming ensures a seamless experience. Grommet embraces atomic design methods, allowing you to tailor composite components that fit your specific needs. It also provides excellent support for inclusivity, offering features such as keyboard navigation and screen-reader tags. Additionally, Grommet offers powerful theming tools that enable you to customize the component library according to your preferred color schemes, typography, and layouts. Whether you're starting a new project or want to enhance your existing one, Grommet has got you covered. Its Flexbox and CSS Grid layouts ensure flexibility and compatibility across different devices. Explore Grommet's extensive documentation, collaborate with the community on Slack and GitHub, and unleash your creativity with Grommet Designer. Join the Grommet community today and experience the best in UI framework on React.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_

## Links

- [twitter](https://twitter.com/grommet_io)
- [github](https://github.com/grommet)

## Logos & icons

- logo _(primary)_ — PNG, SVG — [download](https://cdn.brandfetch.io/idNLqR_CAN/w/820/h/312/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1775326211791)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idNLqR_CAN/w/256/h/256/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1775326211857)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Persian Green | #01a982 | accent |
| Roman Coffee | #784944 | dark |
| Aquamarine | #81fced | light |

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idNLqR_CAN/w/1500/h/500/idz4RlWqVL.jpeg?c=1bxid64Mup7aczewSAYMX&t=1775326212006)

---

_Source: <https://brandfetch.com/grommet.io>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._