MARKETPLACE
PLUGINS
ROUND RANGE SLIDER (CIRCULAR)
Round Range Slider (Circular) logo

Round Range Slider (Circular)

Published June 2022
   •    Updated August 2026

Plugin details

Create sleek, interactive circular range sliders for your Bubble app. 100% no-code, with full control over colors, handle shapes, tooltips, angles, steps, and slider range.
   

⚡ Key Features:

⭕ Interactive Circular Sliders
 Sleek, customizable circular sliders with three types to choose from: min-range, range, and default.
🎨 Full Visual Control
 Adjust handle and circle shapes, plus colors for the path, range, handle, and background.
📐 Precise Angles & Steps
 Set start and end angles to limit the range, and configure step size for fine-grained increments.
💬 Editable Tooltips
 Tooltip support with editable values and customizable colors.
⚙️ Workflow-Ready
 Enable or disable the slider dynamically, with actions and events for advanced integrations.



FAQ

Can I use the slider for range selection?
Yes. The plugin supports range sliders where you can define minimum and maximum values with a start and end angle.

How can I style the handle of the slider?
You can customize the handle shape (circle or square), size, and colors directly in the plugin settings.

Is the tooltip editable?
Yes. The plugin provides an editable tooltip feature that lets users see and modify the slider's value.

Can I disable the slider programmatically?
Yes. You can enable or disable the slider dynamically through workflow actions.

What use cases is this plugin ideal for?
Volume and brightness dials, temperature controls, progress indicators, settings panels, and any app that needs a distinctive circular input.




Our Similar Plugins

- Progress Bars Pro Plugin for Bubble
- Vertical Range Slider Plugin for Bubble
- Air Gantt + Funnel + Timeline Chart Plugin for Bubble




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you'd pay only 17¢ per day ($5/30 days)!

$50

One time  •  Or  $5/mo

5.0 stars   •   3 ratings
526 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   873 Plugins
View contributor profile

Instructions

1. Drag the "Circular Slider" element on your page.
2. Fill a UNIQUE integer into the field named "Identifier" (also available in Repeating Groups)

2. Customize the fields to fit your needs.

3. That's it!

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Containers   •   Media   •   Productivity   •   Data (things)   •   Web Scraping   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Love it.
February 4th, 2023
A circular slider (actually a half-circle) is essential to the app I'm currently building, and this does the job, looks great, and is super easy to use. I haven't run into any issues, and it actually works a little better than I expected. It's got a LOT of customization options. Suggestion for new Bubblers (which I am): what you 'see' of this element in the editor is nothing like what you'll see in the actual page preview, so I did have to do some experimenting, but it makes sense once you start tweaking the settings.
Broken when inside a popup
July 26th, 2022
Previous issue: "When placed inside a popup and popup disengages, it will set the slider height to be zero" Author fixed it
This issue is now fixed. Thank you for submitting it and allow the plugin to be better day after day. (plugin author)
July 26th, 2022
  •  
Original reviewer
Incompatible with mobile devices [SOLVED]
June 20th, 2022
Developer was really attentive and gave the support that I needed, solved all the bugs.
Hi. I'm very sorry it isn't working or your mobile device. The fews I tried worked well. Could you tell me which mobile device you are using ? I'll make sure to make it work until tomorrow. (plugin author)
June 19th, 2022
  •  
Original reviewer
I've edited with some updates, one of the Android phone is a Xiaomi Note 8 Pro, I've forgot to mention that.
June 19th, 2022
  •  
Original reviewer
Bubble