Overview
A high‑performance, deeply customizable carousel component for Framer that brings cinematic motion, rich shader backgrounds, and polished center‑focused layouts to any project. Drop it in, style it in seconds, and publish – everything works straight out of the box.
Key Features
• Three layouts – Testimonial (quotes, stats, images), Team (roles, social links), Custom Frames (embed any Framer component).
• Dynamic shader backgrounds – unified WebGL gradient, per‑card noise shaders (grain/blue noise), SVG gradients, or glassmorphism with adjustable blur.
• Fluid motion – centred card scales to full opacity and activates its shader; side cards recede with blur, reduced opacity, and greyscale. Click any card to centre it.
• Fully responsive – multi‑card desktop, edge‑to‑edge mobile with movable arrows and custom breakpoint.
• Auto‑play with custom cubic‑bezier easing and adjustable intervals.
• Optimised for speed – lazy‑loads near viewport, pauses shaders off‑screen, reduces resolution, uses Intersection Observer for 60 fps.
• Total visual control – card sizes, gaps, border radius (squircle), scale, opacity, greyscale, shader parameters, text colours – all in Framer’s property panel.
How It Works
Drop the component onto your Framer canvas.
Select a variant (testimonial, team, or custom).
Populate each slide with images, videos, quotes, stats, and social URLs.
Pick a background style – unified shader, card shaders, SVG, or glass.
Tune the layout and transition settings to match your brand.
Publish – it’s live and production‑ready immediately.
Who It’s For
Agency portfolios, SaaS testimonials, team pages, case studies, and brand storytelling with immersive shaders.
Built with React, Framer Motion, and Three.js – semantic, accessible, and SEO-friendly.
Overview
A high‑performance, deeply customizable carousel component for Framer that brings cinematic motion, rich shader backgrounds, and polished center‑focused layouts to any project. Drop it in, style it in seconds, and publish – everything works straight out of the box.
Key Features
• Three layouts – Testimonial (quotes, stats, images), Team (roles, social links), Custom Frames (embed any Framer component).
• Dynamic shader backgrounds – unified WebGL gradient, per‑card noise shaders (grain/blue noise), SVG gradients, or glassmorphism with adjustable blur.
• Fluid motion – centred card scales to full opacity and activates its shader; side cards recede with blur, reduced opacity, and greyscale. Click any card to centre it.
• Fully responsive – multi‑card desktop, edge‑to‑edge mobile with movable arrows and custom breakpoint.
• Auto‑play with custom cubic‑bezier easing and adjustable intervals.
• Optimised for speed – lazy‑loads near viewport, pauses shaders off‑screen, reduces resolution, uses Intersection Observer for 60 fps.
• Total visual control – card sizes, gaps, border radius (squircle), scale, opacity, greyscale, shader parameters, text colours – all in Framer’s property panel.
How It Works
Drop the component onto your Framer canvas.
Select a variant (testimonial, team, or custom).
Populate each slide with images, videos, quotes, stats, and social URLs.
Pick a background style – unified shader, card shaders, SVG, or glass.
Tune the layout and transition settings to match your brand.
Publish – it’s live and production‑ready immediately.
Who It’s For
Agency portfolios, SaaS testimonials, team pages, case studies, and brand storytelling with immersive shaders.
Built with React, Framer Motion, and Three.js – semantic, accessible, and SEO-friendly.
Bardia Madani
