Skip to content

PriceSlider

Dual-thumb range slider

PriceSlider preview image 1

Summary

Dual-thumb range slider

Description

Properties Highlight:

  • Configurable min/max price and step

  • Currency symbol (works with $, €, £, ¥, etc.)

  • Optional "+" suffix on max value

  • Customizable label text ("From … to …")

  • Show/hide "Go" button with full styling control

  • Track, range, and thumb colors

  • 12 font families via dropdown

  • Adjustable gap, thumb size, track height

Compatibility:

Works with any Framer project. No external libraries needed — pure React with Framer property controls.

Rank history How rankings work →

120014001600171218/149/49/2610/1811/9
  • All · #7121

Details

More like this