PHPackages                             durbintl/modus-ui - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. durbintl/modus-ui

ActiveLibrary

durbintl/modus-ui
=================

A Component library based on TailwindCSS and Flowbite crafted by Modus

03Blade

Since May 3Pushed 1y agoCompare

[ Source](https://github.com/durbintl/modus-ui)[ Packagist](https://packagist.org/packages/durbintl/modus-ui)[ RSS](/packages/durbintl-modus-ui/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Modus UI
========

[](#modus-ui)

Modus UI is a Blade component library for Laravel, designed to streamline the development of dashboards and user interfaces. Built with Tailwind CSS and Flowbite, Modus UI offers a robust and extensible foundation for modern Laravel applications.

Features
--------

[](#features)

- **Laravel Compatibility:** Supports Laravel versions 10 through 11.
- **PHP Compatibility:** Works with PHP 8.2 through 8.4.
- **Modern Frontend:** Built on Tailwind CSS and Flowbite for styling and components.
- **Easy Customization:** Publish views and configurations to tailor the library to your needs.

---

Warning

This package is currently in development and is not yet ready for production use.

---

Installation
------------

[](#installation)

### Step 1: Install the package via Composer

[](#step-1-install-the-package-via-composer)

```
composer require modus-digital/modus-ui
```

Add this line to your `tailwind.config.js` file under `content`:

```
module.exports = {
    content: [
        "./vendor/modus-digital/modus-ui/src/View/Components/**/**/*.php",
        "./vendor/modus-digital/modus-ui/resources/views/**/**/*.blade.php",
    ],
}
```

### Step 2: Publish configuration

[](#step-2-publish-configuration)

If you want to customize the package, you can publish the configuration using:

```
php artisan vendor:publish --tag=modus-ui-config
```

- **Configuration:** Publishes the `modus-ui.php` file to your `config` directory.

---

Usage
-----

[](#usage)

### Blade Directive

[](#blade-directive)

Add the following blade directive to your layout file:

```
@modusUiScripts
```

### Blade Components

[](#blade-components)

Modus UI provides a collection of Blade components that are automatically registered. You can use them in your Blade templates like this:

```

    Click Me

```

Refer to the [documentation](#) for a full list of available components and usage examples.

---

Service Provider Details
------------------------

[](#service-provider-details)

### Automatic Registration

[](#automatic-registration)

The `ModusUIServiceProvider` handles automatic registration of:

- Blade view files from `resources/views/vendor/modus-ui`.
- Configurations from `config/modus-ui.php`.

### Customizations

[](#customizations)

You can override these defaults by publishing the respective resources, as shown above.

---

Requirements
------------

[](#requirements)

- PHP 8.2 - 8.4
- Laravel 10 - 11
- Tailwind CSS
- Flowbite
- Alpine.js
- Node.js and npm

---

Contributing
------------

[](#contributing)

Contributions are welcome! Please submit a pull request or open an issue if you encounter any bugs or have feature suggestions.

---

License
-------

[](#license)

Modus UI is open-source software licensed under the [MIT license](LICENSE).

###  Health Score

16

—

LowBetter than 5% of packages

Maintenance36

Infrequent updates — may be unmaintained

Popularity3

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity15

Early-stage or recently created project

 Bus Factor1

Top contributor holds 93.1% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/9f1e25c24c2e02780ab92cce20349bbaeb3fae9862f473ebd12637767432a090?d=identicon)[durbintl](/maintainers/durbintl)

---

Top Contributors

[![AlexVanSteenhoven](https://avatars.githubusercontent.com/u/67007082?v=4)](https://github.com/AlexVanSteenhoven "AlexVanSteenhoven (27 commits)")[![durbintl](https://avatars.githubusercontent.com/u/6867965?v=4)](https://github.com/durbintl "durbintl (2 commits)")

### Embed Badge

![Health badge](/badges/durbintl-modus-ui/health.svg)

```
[![Health](https://phpackages.com/badges/durbintl-modus-ui/health.svg)](https://phpackages.com/packages/durbintl-modus-ui)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)