Scatter Testimonial displays reviews as draggable, scattered cards with star rating, avatars, hover & drag effects & full visual control for interactive, modern testimonial section
Made with Workshop
Build your own component with AI
Scatter Testimonial is a premium, canvas-based testimonial component that turns customer reviews into an engaging, interactive experience. Instead of static sliders or grids, testimonials appear as freely draggable cards scattered across the canvas, creating a playful yet polished layout that feels alive and human
Each testimonial card supports star ratings, avatars, verified badges, background images, custom colors, shadows, rotation, and precise positioning. Built entirely with Framer Motion, the component delivers smooth drag interactions, natural hover states, and responsive performance without external libraries.
Designed for creative founders, product teams, agencies, and portfolio builders who want testimonials to stand out—not blend in.
Draggable testimonial cards with smooth physics and momentum
Bring-to-front interaction when dragging cards
Adjustable scatter spread and rotation chaos
Individual X/Y positioning per testimonial
Star rating display (1–5 stars)
Optional avatar image with automatic initials fallback
Verified customer badge with customizable text and font
Optional background image per card
Full control over card colors, text colors, padding, and radius
Custom shadows for normal, hover, and drag states
Hover scale and drag scale animations
Global canvas zoom control
Optional background alignment grid
Typography controls for testimonial text, names, and badges
Supports up to 20 testimonial cards
Fully compatible with Framer property controls
Landing page testimonial sections
SaaS product marketing pages
Startup and founder websites
Agency and studio websites
Creative portfolios
Personal brand websites
Case study and social proof sections
Websites that want non-traditional, high-impact testimonials
Brands looking for interactive and playful UI elements
Designers building modern, experimental layouts
Founders who want social proof to feel authentic and engaging
Framer users who want deep customization without code edits
Traditional testimonial sliders are predictable and easy to ignore. Scatter Testimonial breaks that pattern by letting users interact directly with reviews—dragging, exploring, and engaging naturally. The result is higher visual interest, better storytelling, and a more premium feel for your website.
Built to be flexible, performant, and easy to customize directly inside Framer.
