Skip to content
C-181Component

Rotating Blur Logo Strip

Trust bar built as a plain, fully editable Etch tree: section > container > header (eyebrow, heading) > Strip holding "Logo" component instances (name, image, optional href) — duplicate, reorder or delete logos in Layers…

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.

Rotating Blur Logo Strip 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 11

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

data-slots-mobile
textdefault 6 / 3

visible slot count

data-direction
updown

roll direction of the blur swap

data-monochrome
truefalse

and

data-hover-color
truefalse

data-logo-height
numberdefault 28

px

data-gap
numberdefault 48

px between slots

data-margin
numberdefault 10

px breathing room above/below each logo

data-interval
numberdefault 2600

ms between swaps · and

data-stagger
numberdefault 90

ms offset per slot left-to-right

data-pause-on-hover
truefalse

data-pause-offscreen
truefalse

Component props 1

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

Logo16 in this pattern · 3 props
PropTypeDefault
name
text

Nordholm

image
text

https://placehold.co/200×60/f4f4f5/111111?text=Nordholm

href
text

https://example.com/nordholm

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

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan