Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

React Login Carousel Testimonials Block

Split-panel React login block for Next.js with sign-in form on left and auto-rotating customer testimonial carousel with avatars, quotes, dot indicators, and fade transitions on right using shadcn/ui Avatar, Input, Separator, Tailwind CSS, and framer-motion

Combine authentication with social proof using this React and Next.js split-panel login block. The left panel contains the sign-in form with SSO option. The right panel auto-rotates through customer testimonials every 3 seconds with fade and slide transitions. Dot indicators show the current testimonial. Built with TypeScript, shadcn/ui Avatar, Input, Button, Label, and Separator components, framer-motion for carousel transitions, and Tailwind CSS.

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 18, 2026

Was this page helpful?

Sign in to leave feedback.