---
title: "PriceSlider — Free Framer component · Best of Framer"
description: "Free Framer component · by Vraj Parikh · Carousels. Dual-thumb range slider"
canonical: "https://framer.elliotli.dev/component/priceslider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/PriceSlider

# PriceSlider

Dual-thumb range slider

[View on Framer](https://framer.com/marketplace/components/priceslider/?via=elliot-li)

![PriceSlider preview image 1](https://framer.elliotli.dev/og/component/priceslider/9965580818e92286/1600x1200.jpg)

## 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 →](/terms#rankings)

-   All · #7121

## Details

- **Author**: Vraj Parikh
- **Published**: 2026-05-27
- **Updated**: 2026-05-26
- **Added**: 2026-05-13
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view