Editorial Quotes
Editorial Quotes is a refined, magazine-style testimonial carousel designed for modern, design-forward websites.
Make it with Workshop
Build your own component with AI
Editorial Quotes is a refined, magazine-style testimonial carousel designed for modern, design-forward websites.
Make it with Workshop
Build your own component with AI
Editorial Quotes presents testimonials as editorial content rather than traditional sliders. Each quote is displayed with generous spacing, refined typography, and smooth horizontal transitions that feel calm and intentional.
A large index number provides visual hierarchy and pacing, while the author section subtly reveals identity through grayscale avatars that animate on hover. Navigation is minimal and flexible: use line indicators, arrows, counters — or remove navigation entirely for a static editorial feel.
The component is responsive by default and adapts seamlessly to different layouts, making it ideal for landing pages, portfolios, agency sites, and product marketing pages.
• Editorial-style testimonial layout• Smooth animated transitions between testimonials• Optional large index number for visual rhythm• Avatar images with grayscale-to-color hover effect• Clean line-based navigation indicators• Optional arrows and numeric counter• Auto-play support with adjustable interval• Fully customizable colors and typography• Responsive and performance-optimized
Drag the component onto your canvas.
Add or edit testimonials in the Testimonials array.
Customize quote text, author name, role, company, and avatar image.
Adjust typography for quotes, authors, and index numbers.
Enable or disable navigation elements (dots, arrows, counter).
Toggle autoplay and set your preferred transition speed.
Match the component to your brand using color controls.
No additional setup required.
• Landing page testimonials• Creative portfolios• Agency and studio websites• Product reviews• Brand storytelling sections• Editorial or minimalist designs
• Testimonials (array)• Background color• Text color• Muted text color• Accent color• Quote font• Author font• Index font• Show / hide index number• Avatar size• Grayscale avatar toggle• Navigation visibility• Arrow controls• Line indicators• Counter display• Transition speed• Auto-play toggle• Auto-play interval
