grommet alternatives and similar libraries
Based on the "Responsive" category.
Alternatively, view grommet alternatives based on common mentions on social networks and blogs.
-
chakra-ui
⚡️ Simple, Modular & Accessible UI Components for your React Applications -
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications. -
base web
A React Component library implementing the Base design language -
rebass
:atom_symbol: React primitive UI components built with styled-system. -
semi-design
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2,739+ Design Tokens and powerful DSM tools, easy to build your own design system. Make Semi Design to Any Design -
searchkit
Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support -
gestalt
A set of React UI components that supports Pinterest’s design language -
zeit-ui-react
A design system for building modern websites and applications. -
flowbite-react
Official React components built for Flowbite and Tailwind CSS -
orbit-components
React components of open-source Orbit design system by Kiwi.com -
@artsy/fresnel
An SSR compatible approach to CSS media query based responsive layouts for React. -
CoreUI for React
CoreUI React.js UI Components. CoreUI for React.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true React.js hook components, without jQuery and unneeded dependencies. -
AgnosticUI
AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte. -
react-foundation-apps
Foundation Apps components built with React -
fluent-ui
🌈 React components that inspired by Microsoft's Fluent Design System. -
atomize-by-quarkly
library for creating atomic react components -
cdbreact
Contrast Design Bootstrap : Elegant UI Kit and reusable components for building mobile-first, responsive websites and web apps -
insites-ui
An opinionated UI components library for React. Based on Styled Components and Styled System. -
react-uikit-components
React UIkit Components for the UIKit CSS framework -
radix-ui
Unstyled, accessible components for building high‑quality design systems and web apps. -
Autocomplete
Accessible autocomplete, combobox, multiselect component for React.
Amplication: open-source Node.js backend code generator
Do you think we are missing an alternative of grommet or a related project?
README
Grommet: focus on the essential experience
Documentation
Visit the Grommet website for more information.
Support / Contributing
Before opening an issue or pull request, please read the [Contributing] guide.
Install
You can install Grommet using either of the methods given below.
For npm users:
$ npm install grommet styled-components --save
For Yarn users:
$ yarn add grommet styled-components
There are more detailed instructions in the Grommet Starter app tutorial for new apps. For incorporating Grommet into an existing app, see the Existing App version.
Explore
- Storybook examples per component, you can create them locally by running:
$ npm run storybook
or
$ yarn storybook
- Basic code-sandbox playgrounds for each component.
- Templates, patterns, and starters: feel free to share with us more pattern ideas on Slack.
- End-to-end project examples from our community in the #i-made-this Slack channel.
- Read more from the Grommet team on Medium.
Stable
grommet is also available on a stable branch that is built with the content of the 'master' branch. From your package.json point to stable.
"grommet": "https://github.com/grommet/grommet/tarball/stable",
For more info, read the stable wiki.
Release History
See the Change Log.
Tools Behind Grommet
Grommet is produced using this great tool:
- BrowserStack for browser emulators and simulators.
- Circle CI for continuous integration.