Custom SwiftUI sliders and tracks.

Slider SwiftUI

June 20, 2025

This package allows you to build highly customizable sliders and tracks for iOS, macOS and Mac Catalyst.

Features

Build your own sliders and tracks using composition
Highly customizable
Horizontal and Vertical styles
Range sliders with minimum/maximum value distance
XY sliders
Different sizes for lower and upper range thumbs

Styles

HorizontalValueSliderStyle
VerticalValueSliderStyle
HorizontalRangeSliderStyle
VerticalRangeSliderStyle
RectangularPointSliderStyle

How to use

Add this swift package to your project


                                              
                                                git@github.com:spacenation/swiftui-sliders.git

Import and use


                                              
                                                import Sliders

import SwiftUI
struct ContentView: View {

@State var value = 0.5

@State var range = 0.2…0.8

@State var x = 0.5

@State var y = 0.5
var body: some View {

Group {

ValueSlider(value: $value)

RangeSlider(range: $range)

PointSlider(x: $x, y: $y)

}

}

}

See the preview of each file to see an example

Customization with style

Use any SwiftUI view modifiers to create custom tracks and thumbs.


                                              
                                                RangeSlider(range: $model.range2, distance: 0.1 … 1.0)

.rangeSliderStyle(

HorizontalRangeSliderStyle(

track:

HorizontalRangeTrack(

view: Capsule().foregroundColor(.purple)

)

.background(Capsule().foregroundColor(Color.purple.opacity(0.25)))

.frame(height: 8),

lowerThumb: Circle().foregroundColor(.purple),

upperThumb: Circle().foregroundColor(.purple),

lowerThumbSize: CGSize(width: 32, height: 32),

upperThumbSize: CGSize(width: 32, height: 32),

options: .forceAdjacentValue

)

)

SDKs

iOS 13+
Mac Catalyst 13.0+
macOS 10.15+
Xcode 11.0+

Code Contributions

Feel free to contribute via fork/pull request to master branch. If you want to request a feature or report a bug please start a new issue.Become a Sponsor

If you find this project useful please consider becoming our GitHub sponsor.

GitHub

View Github

#apple #ios #macos #swift

YOU MIGHT ALSO LIKE...

July 26, 2025
SwiftUI

🧭 NavigationKit

NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...

July 26, 2025
SwiftUI

swiftui-navigation-stack

An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...