KR Testimonials

Elevate your social proof with a sleek, customizable testimonials slider.---

✨ Why KR Testimonials?

• 3 Layouts: Vertical, horizontal, or compact—perfect for any design.

• Auto-Rotate & Swipe: Smooth auto-play with touch/drag navigation.

• Fully Customizable: Adjust colors, fonts, shadows, animations, and more.

• Preloaders & Accessibility: Skeleton/spinner loaders + keyboard navigation.

• Analytics Ready: Track slide changes, clicks, and load events.

• Responsive & Performant: Works flawlessly on all devices.

🎨 Layout & Design (20+ Options)

• Layout Types: Vertical, horizontal, or compact.

• Card Styling: Background, border radius, padding, shadows, and borders.

• Avatar Customization: Size, shape (circular/rounded), borders, and shadows.

• Typography: Font family, size, weight, and spacing for quotes, authors, and metadata.

• Color Palette: Background, card, text, author, borders, shadows, and rating stars.

🔄 Animation & Transitions (15+ Options)

• Animation Types: Fade, slide, scale, slide-up, or slide-down.

• Easing Curves: 12+ options (linear, ease-in-out, bounce, elastic, etc.).

• Auto-Advance: Set interval (1–10 seconds) and pause on hover.

• Swipe Controls: Sensitivity, velocity threshold, and drag resistance.

📊 Content & Data (10+ Options)

• Testimonials Array: Add unlimited testimonials with quotes, authors, titles, avatars, ratings, and dates.

• Empty State: Customize the "No testimonials" message.

• Accessibility: ARIA labels and keyboard navigation.

📱 Preloaders (5+ Options)

• Preloader Types: Skeleton or spinner.

• Skeleton Styling: Base color, animation color, and minimum display time.

• Spinner Styling: Color and size.

📈 Analytics & Tracking (5+ Options)

• Event Tracking: Enable/disable tracking for slide changes, clicks, and load events.

• Custom Event Handlers: onSlideChange, onTestimonialClick, and onDataLoad.

🎛️ Advanced Controls (50+ Fine-Tuning Options)

• Shadows: Avatar shadow blur, spread, offset, and color.

• Borders: Card and avatar border width, style, and color.

• Responsive Sizing: Adjust font sizes, avatar sizes, and spacing for different layouts.

• Rating Stars: Customize filled/empty star colors and size.

🔧 Easy Setup

1. Drag & drop into Framer.

2. Customize via the Properties Panel—no code required!

3. Add your testimonials and publish.

💡 Perfect For

Landing pages, portfolios, e-commerce, SaaS, and more.

📦 Includes

• Ready-to-use Framer component.

• Sample testimonials for quick setup.