dashed/livewire-range-slider
A Livewire range slider component for Laravel, letting you add dual-handle range inputs with reactive values bound to your components. Configure min, max, step, and formatting, then drop it into any Blade view without writing custom JavaScript.
Architecture fit
wire:model. It slots into the standard Livewire rendering model: server-rendered Blade view, Alpine/vanilla JS for handle interaction, and a server round-trip on change.Integration feasibility
composer require, asset publishing (likely a JS/CSS slider dependency), and a component tag in a form. Realistic effort for a single form is under a day, including styling.@livewireScripts-adjacent asset tags, @vite inclusion, or a publish step; this must be confirmed against the host app's asset pipeline (Vite vs Laravel Mix vs CDN).minValue/maxValue or an array property). If undocumented, discovery cost rises and the "under a day" estimate is optimistic.Technical risk
Key questions
composer.json?Stack fit
Migration path
app/Livewire or a local packages/ directory, retain the MIT header, and own it. This converts abandonment risk into ~50–150 lines of owned code.Compatibility
composer.json constraints against the host's Laravel and Livewire versions before anything else; a mismatch here is a hard stop.public/vendor model and the app is Vite-only with hashed assets, expect a wiring task.wire:model vs wire:model.live semantics — a slider that only emits on release vs continuously changes server load materially.Sequencing
Maintenance
Support
Scaling
wire:model.live can emit a request per drag step. On a high-traffic form this is a measurable load multiplier. Enforce debounce or emit-on-release.Failure modes
Ramp-up
How can I help you explore Laravel packages today?