---
id: Introduction
---

---

# Digigov UI

Digigov UI is a collection of reusable, accessible, and design-consistent React components for building web applications.
It is designed to work seamlessly with the [GOV.GR design system](https://guide.services.gov.gr) and other [Digigov libraries](learn/overview).

## Before We Start

User interfaces play a crucial role in web applications, influencing both usability and accessibility.
With `@digigov/ui`, we provide a structured and efficient way to build scalable and accessible UI components.

The `@digigov/ui` library offers structure and flexibility, enabling developers to build cohesive and accessible interfaces with ease.
Whether you're designing a simple form or a complex application, `@digigov/ui` components provide a solid foundation that enhances development
efficiency while supporting customization and scalability."

## Overview

The `@digigov/ui` package offers a collection of reusable, accessible, and design-consistent React components tailored for `GOV.GR` services. The library ensures seamless integration with `@digigov/css`, providing predefined styles that adhere to the [GOV.GR design guidelines](https://guide.services.gov.gr).

### 📦 Installation

```sh
yarn add @digigov/ui

```

Or using npm:

```sh
npm install i @digigov/ui

```

### Key Features

✅ **Prebuilt Components**: Includes **Buttons**, **Modals**, **Tables**, **Inputs**, **Paragraphs**, **Headers**, **Tabs**, **Accordions** and more, and more—ready to use with minimal configuration.

🎨 **Customizability** – Built-in theming, **modify colors**, **typography**, and **spacing** using CSS variables make it easy to adapt components to different project needs.

♿ **Accessibility by Design**: Components follow WCAG standards to ensure usability for all users.

🔌 **Integration-Friendly**: Works seamlessly with `@digigov/form`, `@digigov/css`, and other Digigov libraries.

In the following sections, we will walk you through the concepts of `@digigov/ui` components, including usage examples, and best practices.