<h2>Overview</h2>
<p>Grommet is a user interface framework focused on providing an essential experience. It offers a range of features and tools to help developers create clean and functional interfaces. Grommet is compatible with styled-components v5 and actively working on adding support for v6. It also provides extensive documentation and support for developers. Users can explore examples and templates, and find inspiration from the Grommet community. Grommet ensures stability with a dedicated stable branch and provides a detailed release history.</p>
<h2>Features</h2>
<ul>
<li><strong>BrowserStack for browser emulators and simulators</strong>: Grommet utilizes BrowserStack to provide a reliable and accurate testing environment for browser compatibility.</li>
<li><strong>Circle CI for continuous integration</strong>: Grommet integrates Circle CI for continuous integration, ensuring that the framework is always up to date and functioning as intended.</li>
<li><strong>Extensive documentation</strong>: Grommet offers comprehensive documentation that includes guides, tutorials, and examples to help developers understand and utilize the framework effectively.</li>
<li><strong>Support and Contributing</strong>: Grommet encourages user feedback and contributions through its support channels and provides a contributing guide to help users get involved.</li>
<li><strong>Stable branch</strong>: Grommet has a dedicated stable branch that ensures reliability and stability for users. Users can point to the stable branch in their package.json for a robust and consistent experience.</li>
<li><strong>Release history</strong>: Grommet maintains a change log that allows users to track the progress and updates of the framework over time.</li>
<li><strong>Templates, patterns, and starters</strong>: Grommet provides a variety of templates, patterns, and starters that users can explore and use as a foundation for their projects.</li>
<li><strong>Community involvement</strong>: Grommet fosters a community-driven environment by encouraging users to share their patterns and examples on Slack and showcasing end-to-end project examples from the community.</li>
</ul>


<h2>Overview</h2>
<p>The Grommet Starter is a new app that allows users to start fresh with Grommet, a popular UI library for React. This tutorial provides a step-by-step guide on how to install and set up Grommet in a React project. It assumes that the user has node.js and a package manager (either npm or yarn) already installed. The tutorial also explains how to clean up the project by removing unnecessary files and components. It then demonstrates how to add and customize Grommet in the project, including adding a custom theme.</p>
<h2>Features</h2>
<ul>
<li>Easy installation with node.js and npm or yarn package manager</li>
<li>Ability to start a new React project with Grommet using create-react-app (CRA)</li>
<li>Automated dependency installation with CRA</li>
<li>Ability to switch between yarn and npm for package management</li>
<li>Guide on cleaning up the project and removing unnecessary files/components</li>
<li>Step-by-step instructions on adding Grommet to the project</li>
<li>Explanation of why Grommet should be included from the start, even if there are no visible changes</li>
<li>Instructions on customizing Grommet with a custom theme</li>
</ul>


Grommet

Grommet

Grommet Starter New App