# geist-org/geist-ui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/geist-org-geist-ui).**

4,550 stars · 336 forks · TypeScript · MIT · archived

## Links

- GitHub: https://github.com/geist-org/geist-ui
- awesome-repositories: https://awesome-repositories.com/repository/geist-org-geist-ui.md

## Topics

`design-system` `design-systems` `geist` `geist-ui` `hacktoberfest` `react` `react-components`

## Description

Geist UI is a design system framework and React UI component library. It provides a collection of pre-styled, accessible components and design primitives used to maintain visual consistency across websites and applications.

The framework includes a themed UI provider that manages application styles through a centralized system, enabling the switching of visual modes such as light and dark themes. It also features a responsive CSS grid system for organizing content into rows and columns that adapt to various screen sizes.

The library covers accessible UI development using compliant markup and provides tools for responsive layout implementation and modern web interface design.

## Tags

### User Interface & Experience

- [User Interface Components](https://awesome-repositories.com/f/user-interface-experience/user-interface-components.md) — Ships a comprehensive collection of reusable UI elements and layout patterns for building interactive interfaces. ([source](https://github.com/geist-org/geist-ui/blob/master/README.md))
- [Accessible UI Frameworks](https://awesome-repositories.com/f/user-interface-experience/accessible-ui-frameworks.md) — Provides a framework for building interfaces that strictly adhere to global accessibility standards.
- [Theme Application & Switching](https://awesome-repositories.com/f/user-interface-experience/color-themes/theme-application-switching.md) — Includes dedicated tools for selecting and switching between different visual themes in the application. ([source](https://github.com/geist-org/geist-ui/tree/master/components))
- [CSS Variable Theming](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming.md) — Uses a system of native CSS variables to map design tokens for dynamic styling and theme switching.
- [Design Systems](https://awesome-repositories.com/f/user-interface-experience/design-systems.md) — Provides a standardized visual identity framework using shared design tokens and primitives.
- [React UI Component Libraries](https://awesome-repositories.com/f/user-interface-experience/react-ui-component-libraries.md) — Offers a comprehensive collection of pre-built visual elements and layouts specifically for React applications.
- [Theme Providers](https://awesome-repositories.com/f/user-interface-experience/theme-providers.md) — Implements a themed provider that manages and propagates visual styling themes throughout the application interface.
- [Component Composition Primitives](https://awesome-repositories.com/f/user-interface-experience/component-architectures/component-composition/component-composition-primitives.md) — Provides modular primitives that encapsulate structural properties to facilitate the composition of complex user interfaces.
- [Modern Interface Design](https://awesome-repositories.com/f/user-interface-experience/modern-interface-design.md) — Enables the creation of user interfaces that follow contemporary aesthetic and interaction trends. ([source](https://github.com/geist-org/geist-ui/blob/master/next-env.d.ts))
- [Responsive Grid Layouts](https://awesome-repositories.com/f/user-interface-experience/responsive-grid-layouts.md) — Provides a layout system that adapts fluidly across screen sizes using grid-based structures.
- [WAI-ARIA Frameworks](https://awesome-repositories.com/f/user-interface-experience/wai-aria-frameworks.md) — Implements WAI-ARIA compliant markup and roles to ensure components are accessible to screen readers.

### Part of an Awesome List

- [UI Styling and Themes](https://awesome-repositories.com/f/awesome-lists/devtools/ui-styling-and-themes.md) — Implements a framework for managing application themes and ensuring visual style consistency.