> For the complete documentation index, see [llms.txt](https://yashs-organization-7.gitbook.io/modular-ui-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://yashs-organization-7.gitbook.io/modular-ui-documentation/modular-ui.md).

# Modular UI

<figure><img src="/files/cN6yQmXjbIUx1LhkVYNE" 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.