Orbit Quote Switcher
Testimonial section built as a plain, fully editable Bricks tree: live-dot eyebrow, h2 heading and lede, then a glass quote card with a glowing dotted orb, a large quote mark and a stack of "Voice" component instances (onl…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Orbit Quote Switcher 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
- Layout
- Category
- Testimonials
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 18
Set on the section, in Bricks’ attributes panel. No code needed.
data-themere-themes the section
data-surfacequote card surface
data-radiuscard corner radius
data-shadowlayered depth under the card
data-accentaccent token for the orb, stars, active progress
data-alignquote alignment
data-densitysection and card padding
data-scalequote type scale
data-orbglowing dotted orb behind the quote
data-switcherswitcher look
data-progressautoswitch progress bar on the active switcher item
data-revealhow a newly-activated quote enters
data-durationms · reveal duration
data-staggerms · per-word stagger for the word reveal
data-easingor any cubic-bezier · reveal easing
data-orb-speedseconds per turn; 0 stops it
data-autoswitchautomatically rotates through voices
data-delayms · autoswitch interval
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
quoteWe used to ship a redesign every eighteen months. Now it is closer to…
authorNamePriya Ashworth
authorRoleHead of Product
avatarhttps://images.unsplash.com/photo-1580489944761-15a19d654956?w=160
avatarAltPriya Ashworth
companyNameRidgeline
rating5
showRatingTrue
showAvatarTrue
showRoleTrue
showCompanyTrue
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






