Composed of a series of specialized systems. Systems designed to handle accessibility, context-awareness, styling, theming, animations, gestures, state management, and more. All working in harmony to form the foundations of this reimagined UI layer.
Modular by design.
An extensive collection of modular components. Create richer experiences by combining components together.G2 is powered by a custom Style System. Designed to work out-of-the-box, in any React environment. No setup necessary.
Accessible by default.
Built on top of Reakit, G2 provides strict WAI-ARIA 1.1 standards from a core level. G2 also accomodates visual accessibility with built-in modes for dark, high-contrast, color-blind, and reduced motion.
Two, menu item menu Accessible Dropdown 3 items
G2's versatile built-in theming system allows you to easily customize the UI. A series of Design Tokens can be refined, creating styles that ripple across the entire system.