Audience

Developers looking for a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

About Grommet

Build responsive and accessible mobile-first projects for the web with an easy-to-use the component library. A function that recieves two theme objects and returns a theme object that includes both theme values. In case different styling are found for the same components on the two themes, the second argument theme will determine the styling. Tailor composite components with grommet. embrace atomic design methods and build a library that fits your needs. Keyboard navigation, screen reader tags, and more. grommet provides support for W3c’s WCAG 2.1 spec out of the box. Support all the devices! use Flexbox and CSS Grid to provide layouts for all those new phones and widescreen displays.

Other Popular Alternatives & Related Software
Radix UI
Radix UI
​Radix UI is an open source component library optimized for fast development, easy maintenance, and accessibility. It offers two main packages, Radix Primitives and Radix Themes. Radix Primitives is a low-level UI component library focused on accessibility, customization, and developer experience. Components adhere to WAI-ARIA design patterns, are unstyled by default, and provide full keyboard navigation. Radix Themes is a pre-styled component library designed to work out of the box with minimal configuration. It includes layout primitives, typography, and components like buttons and cards, all customizable via the Theme component. Radix Colors offers a comprehensive, accessible color system for designing beautiful, accessible websites and apps. It supports automatic dark mode, transparent variants, and is designed for user interfaces. Radix Icons provides a crisp set of 15×15 icons available as individual React components.
Learn more
Sencha Ext JS
Sencha Ext JS
Sencha Ext JS is a comprehensive JavaScript application framework for building feature-rich, cross-browser-compatible web and mobile applications. It includes a library with 140+ high-performance customizable components, a set of tools and a powerful UI Framework. Key Features Rich UI Components – Includes a variety of pre-built UI elements such as grids and trees, menus and toolbars, forms and buttons, etc. Cross-platform compatibility - Supports major desktop and mobile web browsers including IE Firefox Chrome Safari and Opera. Data Packages – Includes data components to interact with various data sources including JSON, XML and database connections. Theming and Skinning - Allow easy skinning and theming of the UI with CSS. Development Tools - Includes an extensive set of development tools including a visual designer and debugger. Large Community - Has an active and large community of developers who provide support, extensions, etc.
Learn more
Untitled UI
Untitled UI
(1 Rating)
Untitled UI is the world’s largest Figma UI kit, React component library, and icon system, offering designers and developers everything needed to design and build modern interfaces at speed. The Figma library features over 900 global styles and variables for color, typography, and effects, more than 10,000 meticulously crafted components and variants, 420 ready‑to‑use desktop and mobile page examples, and 4,600 neutral icons and logos, fully integrated into one design system. On the development side, Untitled UI React provides an open‑source collection of production‑ready components built with React v19.1, Tailwind CSS v4.1, TypeScript v5.8, and React Aria, ensuring type safety, accessibility (keyboard navigation and screen‑reader support), and lightning‑fast performance without lock‑in. AI‑ready Lovable and bolt.new kits enable instant prototyping with simple prompts, while seamless Figma previews and consistent styling across both platforms.
Learn more
Ariakit
Ariakit
​Ariakit is an open source library featuring unstyled, primitive components designed to help developers build accessible web applications with React. It provides a collection of styled examples that can be copied and pasted into applications. Ariakit's components are designed with accessibility in mind, supporting features like keyboard navigation and screen reader compatibility. It also offers integration examples with tools like Next.js App Router and React's useTransition for building responsive and accessible UIs. Developers can explore the documentation, component guides, and API references to get started.
Learn more

Pricing

Starting Price:
Free
Free Version:
Free Version available.

Integrations

See Integrations

Ratings/Reviews - 1 User Review

Overall 3.0 / 5
ease 5.0 / 5
features 3.0 / 5
design 5.0 / 5
support 2.0 / 5
More Reviews Write a Review

Company Information

Grommet
v2.grommet.io

Videos and Screen Captures

Grommet Screenshot 1
Grommet Screenshot 1
Other Useful Business Software
MongoDB Atlas runs apps anywhere Icon
MongoDB Atlas runs apps anywhere

Deploy in 115+ regions with the modern database for every enterprise.

MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
Start Free

Product Details

Platforms Supported
Windows
Mac
Linux
Training
Documentation
Support
Online

Grommet Frequently Asked Questions

Q: What kinds of users and organization types does Grommet work with?
Q: What languages does Grommet support in their product?
Q: What kind of support options does Grommet offer?
Q: What other applications or services does Grommet integrate with?
Q: What type of training does Grommet provide?
Q: How much does Grommet cost?

Grommet Product Features

Grommet Verified User Reviews

Write a Review
  • A Grommet User
    Principal Software Engineer
    Used the software for: Less than 6 months
    Frequency of Use: Weekly
    User Role: User, Administrator, Deployment
    Company Size: 100 - 499
    Design
    Ease
    Features
    Pricing
    Support
    Probability You Would Recommend?
    1 2 3 4 5 6 7 8 9 10

    "Quirky and fun component library"

    Posted 2022-07-26

    Pros: - beautiful, quirky looking components
    - fully accessible design
    - flexbox support built in
    - easy to get started

    Cons: - poor documentation
    - very limited component selection
    - fairly new library with a lot of maturing to do

    Overall: Overall, Grommet's greatest strength is its quirky aesthetic. However, its poor documentation and lackluster component selection make it a worse choice than the competition.

    Read More...
  • Previous
  • You're on page 1
  • Next