PHPackages                             mr-ui/livewire-ui-components - 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. [Framework](/categories/framework)
4. /
5. mr-ui/livewire-ui-components

ActiveLibrary[Framework](/categories/framework)

mr-ui/livewire-ui-components
============================

Biblioteca UI para Laravel Livewire

01Blade

Since Apr 23Pushed 1y ago1 watchersCompare

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

READMEChangelog (1)DependenciesVersions (1)Used By (0)

MR-UI - Componentes UI para Laravel Livewire
============================================

[](#mr-ui---componentes-ui-para-laravel-livewire)

[![Latest Stable Version](https://camo.githubusercontent.com/5d157e90fc97e2120e0b4bafdfee0219d99c5240dec000f3942f378382ad4da6/68747470733a2f2f706f7365722e707567782e6f72672f6d722d75692f6c697665776972652d75692d636f6d706f6e656e74732f762f737461626c65)](https://packagist.org/packages/mr-ui/livewire-ui-components)[![Total Downloads](https://camo.githubusercontent.com/e7b7d403a715bcd7d94ad889eb81718329c852f19d3b3a252b247bc882d76cfd/68747470733a2f2f706f7365722e707567782e6f72672f6d722d75692f6c697665776972652d75692d636f6d706f6e656e74732f646f776e6c6f616473)](https://packagist.org/packages/mr-ui/livewire-ui-components)[![License](https://camo.githubusercontent.com/48e2524a70bcd1d585d9b3d51452ddba0562c36f8054831e6ff2ff12d4a85447/68747470733a2f2f706f7365722e707567782e6f72672f6d722d75692f6c697665776972652d75692d636f6d706f6e656e74732f6c6963656e7365)](https://packagist.org/packages/mr-ui/livewire-ui-components)

Uma biblioteca de componentes UI reutilizáveis para Laravel Livewire 3.

Instalação
----------

[](#instalação)

Você pode instalar o pacote via composer:

```
composer require mr-ui/livewire-ui-components
```

Em seguida, publique os arquivos de configuração:

```
php artisan vendor:publish --provider="MrUi\LivewireUiComponents\LivewireUiComponentsServiceProvider" --tag="config"
```

Opcionalmente, você pode publicar as views para customização:

```
php artisan vendor:publish --provider="MrUi\LivewireUiComponents\LivewireUiComponentsServiceProvider" --tag="views"
```

Requisitos
----------

[](#requisitos)

- PHP 8.1 ou superior
- Laravel 10.0 ou superior
- Livewire 3.0 ou superior

Componentes Disponíveis
-----------------------

[](#componentes-disponíveis)

Confira a [lista completa de componentes](docs/components-list.md) para ver todos os componentes disponíveis e exemplos de uso.

Veja também [exemplos de uso dos componentes em conjunto](docs/exemplos-de-uso.md) para aprender a combinar os componentes em interfaces completas.

### Componente Todo

[](#componente-todo)

O componente Todo é uma implementação de uma lista de tarefas com as seguintes funcionalidades:

- Adicionar tarefas
- Marcar tarefas como concluídas
- Remover tarefas individuais
- Filtrar tarefas (todas, ativas, concluídas)
- Limpar tarefas concluídas
- Modo escuro

#### Uso básico

[](#uso-básico)

```

```

#### Uso com parâmetros

[](#uso-com-parâmetros)

```

```

#### Parâmetros

[](#parâmetros)

NomeTipoPadrãoDescriçãotasksCollectionCollection vaziaColeção de tarefas inicialdarkModebooleanfalseDefine se o modo escuro está ativado#### Eventos

[](#eventos)

NomeDadosDescriçãotask-added-Disparado quando uma tarefa é adicionadatask-updated-Disparado quando uma tarefa é atualizadatask-removed-Disparado quando uma tarefa é removidatasks-cleared-Disparado quando as tarefas concluídas são removidas### Outros Componentes

[](#outros-componentes)

Além do componente Todo, a biblioteca também inclui:

- **Button**: Um componente de botão personalizável
- **Card**: Um componente de cartão para exibir conteúdo organizado
- **Alert**: Um componente de alerta para mensagens de feedback

Customização
------------

[](#customização)

Você pode personalizar os componentes através do arquivo de configuração `config/livewire-ui-components.php`.

### Temas

[](#temas)

Você pode personalizar as cores do tema no arquivo de configuração:

```
'theme' => [
    'primary' => '#4F46E5',
    'secondary' => '#6B7280',
    'success' => '#10B981',
    'danger' => '#EF4444',
    'warning' => '#F59E0B',
    'info' => '#3B82F6',
],
```

### Configurações específicas para componentes

[](#configurações-específicas-para-componentes)

Você também pode personalizar configurações específicas para cada componente:

```
'components' => [
    'todo' => [
        'enable_dark_mode' => true,
        'default_status' => 'pending',
    ],
],
```

Licença
-------

[](#licença)

O pacote MR-UI é um software de código aberto licenciado sob a licença [MIT](LICENSE.md).

###  Health Score

15

—

LowBetter than 3% of packages

Maintenance36

Infrequent updates — may be unmaintained

Popularity1

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity15

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% 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/0b3b5a713e365a8186a4568112db930457db23c1e345dc5d9b74ecf8a7d0555b?d=identicon)[satulg01](/maintainers/satulg01)

---

Top Contributors

[![satulg01](https://avatars.githubusercontent.com/u/65572143?v=4)](https://github.com/satulg01 "satulg01 (1 commits)")

### Embed Badge

![Health badge](/badges/mr-ui-livewire-ui-components/health.svg)

```
[![Health](https://phpackages.com/badges/mr-ui-livewire-ui-components/health.svg)](https://phpackages.com/packages/mr-ui-livewire-ui-components)
```

###  Alternatives

[laravel/telescope

An elegant debug assistant for the Laravel framework.

5.2k67.8M190](/packages/laravel-telescope)[spiral/roadrunner

RoadRunner: High-performance PHP application server and process manager written in Go and powered with plugins

8.4k12.2M84](/packages/spiral-roadrunner)[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k36.7M256](/packages/laravel-dusk)[laravel/prompts

Add beautiful and user-friendly forms to your command-line applications.

708181.8M591](/packages/laravel-prompts)[cakephp/chronos

A simple API extension for DateTime.

1.4k47.7M121](/packages/cakephp-chronos)

PHPackages © 2026

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