PHPackages                             lara-pack/livewire-quill - 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. [Utility &amp; Helpers](/categories/utility)
4. /
5. lara-pack/livewire-quill

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

lara-pack/livewire-quill
========================

Livewire Component : Quill

v1.0.4(10mo ago)030MITBlade

Since Aug 19Pushed 4mo agoCompare

[ Source](https://github.com/bhagaskara/lara-pack-livewire-quill)[ Packagist](https://packagist.org/packages/lara-pack/livewire-quill)[ RSS](/packages/lara-pack-livewire-quill/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (1)Versions (6)Used By (0)

Lara-Pack Livewire Quill
========================

[](#lara-pack-livewire-quill)

Lara-Pack Livewire Quill is a [Livewire 3 &amp; 4](https://livewire.laravel.com/) component that simplifies the integration of the [Quill.js](https://quilljs.com/) rich text editor into your Laravel application.

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

[](#installation)

Add this package to your Laravel application using Composer:

```
composer require lara-pack/livewire-quill
```

> **Note:** Adjust the command above according to your repository or local installation of this package.

Preparation (Quill.js Assets)
-----------------------------

[](#preparation-quilljs-assets)

Since this component depends on the Quill.js library, ensure you have included Quill's default CSS and JavaScript in your application's main layout (e.g., in `resources/views/layouts/app.blade.php`).

```

```

Usage
-----

[](#usage)

Use the `` tag in your Blade files or Livewire component views. You can perform direct data binding using `wire:model` thanks to Livewire 3's `#[Modelable]` feature.

### Basic Example

[](#basic-example)

```

```

### Additional Properties Configuration

[](#additional-properties-configuration)

You can also configure the editor theme and the update delay (debounce) using the following properties:

- `theme` (optional): Quill editor theme (`'snow'` or `'bubble'`). **Default:** `'snow'`
- `debounceTime` (optional): Update delay time in milliseconds (ms). **Default:** `500`

**Full example:**

```

```

Component Features
------------------

[](#component-features)

- Supports `wire:model` (two-way data binding).
- Can be used for multiple instances on a single page (IDs are generated using UUID).
- Built-in debounce to optimize server requests while the user is typing.
- Supports basic toolbar color customization pre-configured in the component script.

License
-------

[](#license)

[MIT License](LICENSE)

###  Health Score

32

—

LowBetter than 69% of packages

Maintenance66

Regular maintenance activity

Popularity7

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity40

Maturing project, gaining track record

 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.

###  Release Activity

Cadence

Every ~0 days

Total

5

Last Release

319d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/24548806?v=4)[bhagaskara](/maintainers/bhagaskara)[@bhagaskara](https://github.com/bhagaskara)

---

Top Contributors

[![bhagaskara](https://avatars.githubusercontent.com/u/24548806?v=4)](https://github.com/bhagaskara "bhagaskara (10 commits)")

### Embed Badge

![Health badge](/badges/lara-pack-livewire-quill/health.svg)

```
[![Health](https://phpackages.com/badges/lara-pack-livewire-quill/health.svg)](https://phpackages.com/packages/lara-pack-livewire-quill)
```

###  Alternatives

[livewire/flux

The official UI component library for Livewire.

9527.8M127](/packages/livewire-flux)[jantinnerezo/livewire-alert

This package provides a simple alert utilities for your livewire components.

8131.4M20](/packages/jantinnerezo-livewire-alert)[leandrocfe/filament-apex-charts

Apex Charts integration for Filament PHP.

4911.6M11](/packages/leandrocfe-filament-apex-charts)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

725173.0k14](/packages/tallstackui-tallstackui)[venturedrake/laravel-crm

A free open source CRM built as a package for laravel projects

43311.2k](/packages/venturedrake-laravel-crm)[ramonrietdijk/livewire-tables

Dynamic tables for models with Laravel Livewire

21259.6k](/packages/ramonrietdijk-livewire-tables)

PHPackages © 2026

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