C-154ComponentFree

Center Focus Review Carousel

Customer reviews carousel that keeps one review centred at full scale while its neighbours recede. Plain editable section > container > header (eyebrow, h2, intro, aggregate score block) > carousel (centre-snapping track…

Get it free

Included in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

All photos and visual assets used in this preview are sourced from Unsplash.

The system behind it

One pattern, your whole brand.

Center Focus Review Carousel 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

Options 14

Set on the section, in Etch’s attributes panel. No code needed.

data-theme

lightdarkbrand

data-accent

primarysecondaryaccentneutral

star and highlight colour

data-card

elevatedoutlineflat

card surface

data-radius

nonesmlxl

data-depth

subtlestrongflat

how far side reviews recede (scale and fade)

data-autoplay

truefalse

data-delay

number

data-pause-on-hover

truefalse

data-loop

truefalse

data-arrows

truefalse

data-arrows-mobile

truefalse

data-controls-position

sidesbottom

data-pagination

dotsfractionprogressnone

data-summary

truefalse

shows the aggregate score block in the header

Component props 3

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

Focus Review Stars0 in this pattern · 2 props

PropTypeDefault

rating

text

showScore

true / false

False

Focus Reviewer0 in this pattern · 7 props

PropTypeDefault

showAvatar

true / false

True

avatar

text

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

avatarAlt

text

empty

name

text

Priya Anand

verified

true / false

True

role

text

Operations lead

company

text

Harborline

Focus Review6 in this pattern · 18 props

PropTypeDefault

showRating

true / false

True

rating

text

showScore

true / false

False

showHeadline

true / false

True

headline

text

Three spreadsheets, gone

headingLevel

text

quote

text

We replaced three spreadsheets with one dashboard in a single afterno…

showAvatar

true / false

True

avatar

text

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

name

text

Priya Anand

verified

true / false

True

role

text

Operations lead

company

text

Harborline

showDate

true / false

True

date

text

August 2026

showSource

true / false

True

source

text

Verified purchase

featured

true / false

False

Free pattern. Yours to use on any site, no plan needed.

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

Get Pro

More patterns

Keep browsing.

All patterns

Free