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

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 469 patterns.

Get Pro

More patterns

Keep browsing.

All patterns

Free