Testimonials Background With Drag
A hero-style testimonials section with draggable cards scattered in the background. Cards can be picked up and moved, creating an interactive experience.
Loved by thousands
of happy customers
Hear from our community of builders, designers, and creators who trust us to power their projects.
Testimonial cards scatter around the edges of the viewport at calculated positions. Each card uses Framer Motion's drag functionality, allowing users to pick up and reposition cards anywhere on screen.
When a card is grabbed, it raises to the top z-index using stacking context management. Cards have initial random rotations and positions that make the layout feel organic and handcrafted.
The center of the section contains hero text with a heading, description, and CTA button. These elements animate in with blur-to-clear effects. The testimonial cards create a frame around this content.
Works well for creative portfolios, playful brand sites, or anywhere you want social proof that doubles as an interactive experience.
More from Testimonials
Included with All-Access
One payment unlocks the code for this block and every other block, template and page.
Get All-AccessExplore more
About this block
Testimonial cards scatter around the edges of the viewport at calculated positions. Each card uses Framer Motion's drag functionality, allowing users to pick up and reposition cards anywhere on screen.
When a card is grabbed, it raises to the top z-index using stacking context management. Cards have initial random rotations and positions that make the layout feel organic and handcrafted.
The center of the section contains hero text with a heading, description, and CTA button. These elements animate in with blur-to-clear effects. The testimonial cards create a frame around this content.
Works well for creative portfolios, playful brand sites, or anywhere you want social proof that doubles as an interactive experience.