Slider

Linear fader control for continuous parameters. Move up/right to increase, down/left to decrease. Often used for volume controls but works for any continuous parameter.

Overview

Property	Value
Type	Control
Interaction	Click and drag
Orientations	Vertical, Horizontal
Styles	8 styles available

Styles

Standard

Clean fader with visible track and handle. Universal style.

Thin

Narrow, space-efficient slider. Good for dense layouts.

Thick

Wide, prominent slider for main controls. Commands attention.

Digital

Modern digital-style with precise feel. Matches digital plugin aesthetics.

Notched

Stepped slider with click positions. For parameters with discrete values.

Flat

Completely flat design without 3D effects. Modern UI style.

Arcade

Bold, chunky gaming aesthetic. Fun and playful.

Vintage

Hardware-inspired fader design. Console/outboard feel.

Properties

Layout

Property	Options	Description
orientation	vertical, horizontal	Required - slider direction

Value Range

Property	Description
min	Minimum value
max	Maximum value
defaultValue	Initial value

Behavior

Property	Default	Description
fillFromCenter	false	Fill track from center (for bipolar)
bipolar	false	Center point in middle

Sizes

Vertical Sliders

Grid Units	Use For
1.5×6	Standard volume fader
1.5×8	Tall fader (more precision)
2×6	Wide fader (easier to grab)

Horizontal Sliders

Grid Units	Use For
6×1.5	Standard horizontal
8×1.5	Wide horizontal (more precision)

When to Use Sliders

✅ Use sliders for:

• Volume/level controls (vertical)
• Pan controls (horizontal)
• Channel strip designs (rows of vertical faders)
• When showing precise position matters

❌ Consider knobs instead when:

• Space is limited (knobs are more compact)
• Rotation metaphor is more natural
• You have many parameters

Vertical vs Horizontal

Vertical Sliders

• Natural for: Volume, level, gain
• Movement: Up = more, Down = less
• Use case: Channel strips, mixer layouts

Horizontal Sliders

• Natural for: Pan, balance, left-right
• Movement: Right = more, Left = less
• Use case: Stereo controls, timelines

Tips

Mixer-Style Layouts

Group vertical sliders for console feel:

• Equal spacing between sliders
• Same height for all sliders
• Labels below each slider
• Consider vintage style for warmth

Pan Controls

Use horizontal slider with:

• bipolar: true
• fillFromCenter: true
• Center position clearly marked

Fill From Center

Enable fillFromCenter for:

• Pan controls (shows L/R deviation)
• Bipolar parameters
• Any “centered” parameter

The track fills from center toward current value.

Example Configurations

Volume Fader

orientation: vertical
min: -∞ (or -60)
max: 6
defaultValue: 0
style: standard

Pan Control

orientation: horizontal
min: -100
max: 100
defaultValue: 0
bipolar: true
fillFromCenter: true

Fine-Tune Parameter

orientation: vertical
min: -12
max: 12
defaultValue: 0
bipolar: true
style: thin

Slider vs Knob Decision

Factor	Use Slider	Use Knob
Space	Have room	Limited space
Parameter	Volume, pan	Most others
Layout	Channel strip	General
Quantity	Few sliders	Many parameters
Metaphor	Linear (fader)	Rotary (dial)

Most plugins use more knobs than sliders. Sliders are typically reserved for volume/pan or mixer-style interfaces.