Falling Social Proof is a physics-animated component that transforms static credential lists into dynamic, gravity-driven interactions. Pill-shaped badges — each with an icon and label — cascade into view with natural bounce and rotation, settling into guaranteed non-overlapping positions. Ideal for hero sections, testimonial areas, agency portfolios, and landing pages where trust signals need to feel alive.
Physics-based gravity animation with adjustable fall speed, bounciness, stagger timing, and settle speed — each pill drops independently for a natural, randomised effect
5 built-in design themes (Light, Dark, Glass, Warm, Cool) plus a fully Custom mode with per-property colour, border, and shadow controls
16 built-in SVG icons (Briefcase, Star, Trophy, Heart, Check, Lightning, Globe, Shield, Clock, Home, Target, Map Pin, and more) or upload your own icon per pill
3 animation triggers: On Mount (auto-play), On Scroll, and On Hover
Array of pill items (up to 12)
Built-in icon selector with 16 options per pill
Custom icon upload via image field (overrides built-in icon)
Text label per pill
On Mount, On Scroll, or On Hover
Re-trigger toggle for Scroll and Hover modes
Light, Dark, Glass, Warm, Cool, or Custom preset
Gravity strength (0.2x to 3x)
Bounciness (0 to 0.9)
Stagger delay between pills (0ms to 500ms)
Settle speed (0.3x to 3x)
Background colour
Text colour
Icon colour
Border toggle and colour
Shadow toggle
Pin hole accent colour
Pin hole toggle
Pill height (28px to 64px)
Horizontal padding (8px to 40px)
Font family selector
Font size (10px to 24px)
Hero sections that need dynamic social proof (ratings, awards, credentials)
Agency and SaaS portfolio pages showcasing trust signals
Real estate, legal, and finance landing pages highlighting key statistics
Product launch pages drawing attention to competitive advantages
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
