Weave Code
Weaver
Helps Laravel developers discover, compare, and choose open-source packages. See popularity, security, maintainers, and scores at a glance to make better decisions.
Feedback
Share your thoughts, report bugs, or suggest improvements.
Subject
Message

Livewire Range Slider Laravel Package

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.

View on GitHub
Deep Wiki
Context7

Product Decisions This Supports

  • Filter and search UX for numeric ranges. Price bands, square footage, budget caps, age ranges, date/score windows — anything where a single <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.
  • Build vs. buy on a small, self-contained UI widget. The realistic alternative is 1–2 days of an engineer hand-wiring a slider library (noUiSlider, rangeslider.js) to Alpine and Livewire lifecycle hooks. This package is that work pre-done. That framing — hours vs. days, not a strategic platform decision — is the right altitude for the call.
  • Admin and internal tooling scope. Best fit: Filament/Nova-adjacent back-office screens, ops dashboards, reporting filters. Lower bar for accessibility edge cases, browser oddities, and long-tail customization than a customer-facing storefront.
  • Roadmap sequencing input. If range filtering is a "nice to have" for a V1 filter panel, adopting this defers the investment. If range filtering is a headline feature of a revenue-critical search experience, it argues for owning that component in-house instead.
  • Prototype and demo velocity. Useful for sales demos and design-partner feedback loops where the goal is to show a working filter panel this week, with an explicit decision to harden or replace before GA.

When to Consider This Package

Adopt when most of these hold:

  • The codebase is already Livewire 3 + Alpine; you are not introducing a new reactive stack to get a slider.
  • The requirement is a dual-handle min/max control bound to a public Livewire property — the exact shape this package implements.
  • The surface is internal or low-stakes (admin, ops, prototype), where a cosmetic or keyboard-navigation defect is a bug ticket, not a support escalation.
  • You are willing to pin the version and vendor the source: read the Blade/Alpine template, copy it into your own component library if it is small, and wrap it behind your own <x-range-filter> so swapping implementations later is a one-file change.

Look elsewhere when any of these hold:

  • Customer-facing accessibility matters. Custom dual-handle sliders routinely fail keyboard and screen-reader expectations; native <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.
  • You need vendor support, SLAs, or a security response path. Zero stars, zero dependents, a single maintainer, and no release since March 2024 means the effective support contract is "you." That is acceptable for a presentational widget with no data access; it is not acceptable for anything touching auth, payments, or PII.
  • Your stack is not Livewire, or you are on Livewire 2 / an older Alpine — version coupling is the most likely breakage point.
  • You need deep customization (ticks, tooltips, formatted currency, log scales, multi-range). You will spend more time fighting the wrapper than writing the 40 lines it wraps.
  • The dependency graph is audited. A package with no dependents and no recent activity is a supply-chain review flag; if your process requires provenance, plan to fork.

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.

How to Pitch It (Stakeholders)

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.

Weaver

How can I help you explore Laravel packages today?

Conversation history is not saved when not logged in.
Prompt
Add packages to context
No packages found.
pharaonic/laravel-notification-dependencies
beautinow/translug
dev-brainiac/bot-cloaked
octoberrain/html
octoberrain/extension
octoberrain/exception
octoberrain/contracts
frankyso/ipaymu
3mdikram/worldmoneywords
snowsoft/config
itmosoft/laravel-subscriptions
larva/laravel-ai-qwen
adachsoft/api-version-bundle
cgv/localized-resource
noith/settings
kda/laravel-package
kda/filament-dynamic-navigation
bypersoft/signbox
pairus/product-data
fayne/laravel-filament-cms-core