UI Blocks.
Pre-built, composed sections ready to drop into your Next.js application.
3D Carousel Testimonial
A 3D rotating carousel that beautifully cycles through customer reviews. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Animated Grid Testimonial
A grid layout where review cards stagger-animate in on scroll, with a slight lift and glow effect on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Avatar Cluster Testimonial
A central testimonial text that cycles, with a cluster of floating avatars surrounding it where the active avatar lights up. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Case Study Testimonial
A deep dive testimonial card with a photo, key metrics, and a longer quote for B2B. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Company Logo Wall Testimonial
A split layout featuring a prominent quote alongside a grid of trusted company logos. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Feedback Carousel
An elegant swipeable carousel designed perfectly for showcasing user testimonials. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Glass Panel Testimonial
A large translucent frosted glass panel with heavily blurred, animated gradients behind it. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Glitch Text Testimonial
A cyberpunk-inspired layout where text occasionally glitches with CSS animations. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Hologram Card Testimonial
Sci-fi testimonial cards designed to look like a floating hologram projection with scanlines. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Marquee Testimonial
Infinite scrolling rows of testimonial cards moving in opposite directions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Mask Reveal Testimonial
A massive text quote where hovering over it reveals a background image or video through a dynamic CSS mask. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Neon Border Testimonial
Dark background cards featuring an animated, spinning neon gradient border. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Rating Stars Testimonial
Customer reviews emphasizing 5-star ratings and an aggregate rating header. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Scrolling Columns Testimonial
Three vertical columns of review cards auto-scrolling in opposite directions for an engaging visual layout. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Single Quote Testimonial
An ultra-minimalist, high-impact design focusing entirely on a single large quote. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Spotlight Testimonial
Dark mode testimonial cards where a subtle radial spotlight gradient follows the mouse cursor. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Stacked Cards Testimonial
An interactive layout where testimonial cards stack on top of each other, revealing the next when clicked. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Testimonial Scatter
An interactive grid that scatters images organically based on hover interactions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
Tweet Grid Testimonial
A masonry layout of social media style testimonial cards, perfect for social proof. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.
