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.
<input type="number"> pair is a poor experience. This is the package's whole reason to exist: a dual-handle slider that writes min/max straight back into Livewire component state, so filtering logic stays server-side and the UI stays reactive.Adopt when most of these hold:
<x-range-filter> so swapping implementations later is a one-file change.Look elsewhere when any of these hold:
<input type="range"> pairs or a well-maintained, WCAG-audited library are safer. Verify ARIA roles and keyboard behavior before it reaches a public page.Minimum due diligence before adoption: read the full source (it is small — the whole value is the Blade + Alpine glue), confirm Livewire 3 and Alpine compatibility against your locked versions, check open issues and last commit date, verify the interactive behavior with keyboard only, and record a written "we can replace this in a day" note so the decision is reversible.
For executives: This is not a platform bet; it is a pre-built UI control that saves roughly one to two engineer-days on range-filter interfaces such as price bands and budget sliders. It is MIT-licensed, adds no hosting or licensing cost, and its footprint is a single presentational component with no database or authentication surface — so the downside risk is bounded and reversible. The real cost is that it is a low-adoption, single-maintainer project (zero stars, zero dependents, last release March 2024). Our recommendation is deliberate: use it for internal tooling and prototypes now, pin the version, wrap it in our own component boundary, and treat the source as something we could absorb in-house if the project goes quiet.
For engineering: Livewire 3 + Alpine component that binds a dual-handle range slider to a Livewire property, giving you server-side filtering with no bespoke JS wiring and no build-step changes. Two conditions on adoption: (1) wrap it behind our own Blade component so the dependency is isolated to one file, and (2) validate keyboard and screen-reader behavior yourself before it ships to any customer-facing surface — that is the known weak spot of custom slider implementations and the package's own README is unlikely to settle it. Pin the version, review the source at PR time, and log a replacement estimate; if the wrapper is as thin as it appears, forking is cheaper than carrying the dependency.
How can I help you explore Laravel packages today?