NWD Slider (Single/Range) is the slider Bubble was always missing. Built as a native-like input, it picks a single value or a range with two thumbs, horizontal or vertical, with steps, value labels, and tick marks together in one polished component. Fully customizable through 20+ properties, giving you complete control over every visual and behavioral detail.
This plugin is part of Newed UI - Component Library, a growing library of advanced, highly customizable components for Bubble, inspired by a personal component library originally built for React. Each component is built from scratch, carefully designed, and tested in real applications to deliver the level of control, polish, and reliability that native Bubble elements often don’t provide. Look for other Newed plugins in the marketplace.






Key Features

Single or Range
✅ Single value or start and end of a range
✅ Minimum, maximum, and step, including decimal steps
✅ Minimum distance between the two thumbs
✅ Horizontal or vertical track, with the minimum at the bottom when vertical
✅ Default values that follow your data until the user interacts

Fully Customizable
✅ 20+ properties for complete visual and behavioral control
✅ Value label never, while dragging, or always, with a prefix and a suffix of your own, such as $, kg or %
✅ Tick marks, with a scale of either the minimum and maximum or a number under every tick
✅ Track, fill, and thumb colors and sizes
✅ Thumb shaped as a circle, a rounded square or a pill, by its length, thickness and roundness
✅ Seamless integration with native Bubble styles while preserving a consistent appearance across browsers and matching your app design

Smooth User Experience
✅ Drag with mouse, touch, or pen, or click anywhere on the track
✅ Keyboard ready with arrows, Page Up, Page Down, Home, and End
✅ Value changed only when the thumb is released
✅ Screen reader ready, with an accessible label and description, and reduced motion support

Workflow Friendly
✅ Exposed states for the value, the range start, and the range end
✅ Initial value available to your workflows even while the element is hidden
✅ Focus action that can be triggered from anywhere for full workflow control
✅ Reset action with flexible behavior that integrates with native Bubble actions or custom workflows
✅ Value changed event for seamless Bubble integration

Reliable & Production-Ready
✅ Built with lightweight CSS and JavaScript for fast, reliable performance
✅ Designed around practical use cases and real Bubble development needs
✅ Tested in real-world applications before being released publicly
✅ Created to extend Bubble with functionality and customization beyond what native Bubble elements typically offer



How to test this plugin almost for free?
Subscribe and test it for a few days to see if the plugin meets your needs. Subscriptions are billed prorated, so if you cancel after a short period, you'll only pay for the days used.

Explore Our Other Plugins
Check out our complete collection of plugins, including elements, inputs, client-side actions, server-side actions, and APIs. Built to extend native capabilities or introduce new features, based on real-world applications.



Get in Touch
We'd love to hear from you! If you need help, have any questions about our plugins, want to provide feedback, or suggest a feature, please contact us directly.