C-196Component

Etchedy Slider Pro

The all-in-one slider: one "Slider Pro" wrapper component where every layout, animation and behaviour option is a prop, with nested slide components in its "slides" slot ("Hero Slide", "Card Slide", "Testimonial Slide",…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Etchedy Slider Pro reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.

Type: Component
Category: Sliders and carousels
Responsive: Desktop to phone
Works with: Etch, ACSS, plain CSS

Component props 6

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Slider Pro4 in this pattern · 63 props

PropTypeDefault

preset

text

auto

perView

text

perViewTablet

text

perViewMobile

text

gap

number

gapMobile

number

centered

true / false

False

direction

text

horizontal

height

text

auto

autoHeight

true / false

False

width

text

content

rows

text

peek

text

none

bleed

true / false

False

fadeEdges

true / false

False

effect

text

slide

speed

number

700

easing

text

smooth

intensity

text

normal

kenBurns

true / false

False

kenBurnsStrength

text

normal

contentAnimation

text

fade-up

contentDuration

number

700

contentDelay

number

150

contentStagger

number

inactiveStyle

text

none

marqueeSpeed

number

5000

loop

true / false

False

rewind

true / false

True

initialSlide

number

autoplay

true / false

False

autoplayDelay

number

5000

pauseOnHover

true / false

True

stopOnInteraction

true / false

False

reverse

true / false

False

pauseOffscreen

true / false

True

freeMode

text

off

grabCursor

true / false

True

mousewheel

true / false

False

keyboard

true / false

True

clickToSlide

true / false

False

tapToAdvance

true / false

False

arrows

true / false

True

arrowStyle

text

circle

arrowPosition

text

bottom-end

arrowSize

text

arrowIcon

text

arrow

hideArrowsMobile

true / false

False

pagination

text

bullets

paginationPosition

text

bottom-start

autoplayProgress

text

none

showPlayPause

true / false

True

counter

true / false

False

scrollbar

true / false

False

thumbs

text

none

thumbsPerView

text

auto

theme

text

light

accent

text

primary

radius

text

shadow

text

none

controlsTone

text

auto

ariaLabel

text

Featured slides

slideNoun

text

slide

Slider Chip3 in this pattern · 4 props

PropTypeDefault

showValue

true / false

True

value

text

4.9

label

text

Average rating

style

text

glass

Hero Slide3 in this pattern · 22 props

PropTypeDefault

image

text

https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=1800

imageAlt

text

Mountain road at golden hour

focus

text

center

overlay

text

bottom

theme

text

dark

align

text

start

valign

text

bottom

contentWidth

text

showEyebrow

true / false

True

eyebrow

text

New collection

title

text

Built for the long way round

titleTag

text

showText

true / false

True

text

text

Gear tested on every switchback between here and the coast.

showPrimary

true / false

True

primaryLabel

text

Shop the range

primaryUrl

text

showSecondary

true / false

True

secondaryLabel

text

Watch the film

secondaryUrl

text

buttonStyle

text

solid

showExtras

true / false

True

Card Slide6 in this pattern · 15 props

PropTypeDefault

style

text

elevated

ratio

text

landscape

image

text

https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=900

imageAlt

text

Sunlit valley with a winding river

showBadge

true / false

True

badge

text

Guide

showMeta

true / false

True

meta

text

6 min read

title

text

Three days in the high valleys

showText

true / false

True

text

text

Where to camp, what to pack and the one pass worth the climb.

showLink

true / false

True

linkLabel

text

Read the guide

url

text

hoverZoom

true / false

True

Testimonial Slide5 in this pattern · 9 props

PropTypeDefault

style

text

card

align

text

start

showRating

true / false

True

rating

text

quote

text

We swapped three plugins for this one slider and our pages got faster…

showAvatar

true / false

True

avatar

text

https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=160

author

text

Maya Lindqvist

role

text

Design lead, Fieldwork

Media Slide5 in this pattern · 9 props

PropTypeDefault

mediaType

text

image

image

text

https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1600

imageAlt

text

Sea of clouds below a mountain ridge

video

text

empty

poster

text

empty

ratio

text

wide

fit

text

cover

showCaption

true / false

True

caption

text

Above the clouds, 2,900 m

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

Or start with the free packs

More patterns

Keep browsing.

All patterns

Pro

Quick View Open

C-195Navigation

Etchedy Mega Menu Pro

Component

Pro

Quick View Open

C-161Sliders

Depth Fan Carousel

Component

Pro

Quick View Open

C-162Sliders

Depth Perspective Slider

Component

Pro

Quick View Open

C-163Sliders

Depth Stack Carousel

Component

Pro

Quick View Open

C-164Sliders

Draggable Card Wheel

Component

Pro

Quick View Open

C-165Sliders

Editorial Drag Deck

Component

Pro

Quick View Open

C-166Sliders

Expanding Center Media Carousel

Component