Build awesome apps with Grommet

Grommet helps you create responsive and accessible mobile-first projects for the web with an easy-to-use, react-based component library that is part design system and part development framework.

Grommet is used by developers and designers alike to build both enterprise-class and consumer-grade applications that can be used in web, desktop, and mobile-friendly formats. It underpins many of HPE’s products such as HPE GreenLake edge-to-cloud platform.

Join HPE and the active Grommet Community on GitHub

What’s new with Grommet v2?

HPE product designer at, Chris Carlozzi, explains how Grommet is evolving.

Learn more about Grommet

HPE Design System

The HPE Design System demonstrates how grommet can be themed and used to build user interfaces with your own brand. The HPE Design System is used within HPE to guide the design of the user interfaces that HPE creates.


Take advantage of our free, Jupyter-Notebook based Workshops-on-Demand available in the Hack Shack. These technical workshops provide you with an in-depth, hands-on learning experience where you can interact with and learn from the experts. Designed to fit your schedule, these workshops are available 24/7 – any time, from anywhere. Grommet workshops are available today.

Any questions on Grommet?

Join the Grommet Slack Workspace and start a discussion.

Related Blogs

Matt Glissmann

Dark Mode Theming in Grommet - Part 3: Theme color customization

Dec 15, 2023
Matt Glissmann

Dark Mode Theming in Grommet - Part 2: Adding dark and light theme modes

Dec 15, 2023
Matt Glissmann

Dark Mode Theming in Grommet - Part 1: How to set up and apply a theme

Dec 15, 2023
Dale Rensing

Meet Open Source Grommet Expert, Shimrit Yacobi

Sep 22, 2022
Shimi Yacobi

New Grommet release offers new components and improves accessibility

Oct 8, 2020
Dale Rensing

Meet Eric Soderberg and Shimrit Yacobi - HPE DEV Team Members working on Grommet

Feb 7, 2020
Michael Kingdom

Using Grommet with Gatsby

Jan 21, 2020
Pramod Sareddy

Use Grommet Face Detection and Microsoft Azure Cognitive Services to identify people in pictures

Nov 1, 2019
Shimrit Yacobi

Contributors enhance Grommet during Hacktoberfest

Oct 28, 2019
Brittany Archibeque

Using TypeScript in Grommet Applications

Sep 9, 2019
Pramod Sareddy

How to Register a Grommet OSB Broker in a Kubernetes Service Catalog

Aug 21, 2019
Brittany Archibeque

My Journey from Student to HPE Full-stack Developer

May 23, 2019
Dale Rensing

See Where You Can Find The Open Source UI Tool, Grommet, at HPE Discover

May 23, 2019
Ian Bovard

Using Your First Grommet Component with Create-React-App

May 10, 2019
Dale Rensing

Grommet – the Glue that Binds Development and Design

May 9, 2019

HPE Developer Newsletter

Stay in the loop.

Sign up for the HPE Developer Newsletter or visit the Newsletter Archive to see past content.

By clicking on “Subscribe Now”, I agree to HPE sending me personalized email communication about HPE and select HPE-Partner products, services, offers and events. I understand that my email address will be used in accordance with HPE Privacy Statement. You may unsubscribe from receiving HPE and HPE-Partner news and offers at any time by clicking on the Unsubscribe button at the bottom of the newsletter.

For more information on how HPE manages, uses, and protects your personal data please refer to HPE Privacy Statement.