# Modular UI

<figure><img src="https://3628014298-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8HK3E88Af3PQF5KIvik5%2Fuploads%2FJLQPDqt4KOAG3pcsztDV%2FMODULAR%20UI.png?alt=media&#x26;token=77e2701c-18bb-4723-967e-c61cff8c2e82" alt=""><figcaption></figcaption></figure>

Craft beautiful, accessible, and responsive Flutter UIs with a Modular-UI Design-inspired component library

**Installation**

Run this command in your terminal

```
flutter pub add modular_ui
```

**Import**

Add this line to import the package.

```
import 'package:modular_ui/modular_ui.dart';
```

\
Our Widget Catalog

**Avatar**

**Breadcrumbs**

**Button**

* Primary Button
* Secondary Button
* Gradient Button
* Loading Button
* Outlined Button
* Text Button
* Block Level Buttons

**Card**

* Simple Card
* Primary Card
* Profile Card
* Sign in Card
* Sign up Card
* Pricing Card
* Blog Card

**Checkbox**

**Carousel**

**Dialog**

**Footer**

**Input Fields**

**List Tile**

**Radio Button**

**Rating Bar**

**Slider**

**Tab View**

**Switch**

Features

* **Comprehensive Modular-UI Design components:** Build modern and feature-rich interfaces with a wide range of buttons, cards, forms, navigation elements, and more.
* **Highly customizable:** Tailor components to your exact needs with extensive styling options.
* **Responsive design:** Ensure optimal UI experiences across different screen sizes.
* **Accessibility focus:** Built with accessibility in mind, adhering to best practices.
* **Lightweight and performant:** Efficiently crafted for smooth user interactions.