Falling Social Proof

What is Falling Social Proof?

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.

Core Features

• 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

Controls inside Framer

Pills

• 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

Trigger

• On Mount, On Scroll, or On Hover

• Re-trigger toggle for Scroll and Hover modes

Theme

• Light, Dark, Glass, Warm, Cool, or Custom preset

Physics

• Gravity strength (0.2x to 3x)

• Bounciness (0 to 0.9)

• Stagger delay between pills (0ms to 500ms)

• Settle speed (0.3x to 3x)

Pill Style (Custom theme only)

• Background colour

• Text colour

• Icon colour

• Border toggle and colour

• Shadow toggle

• Pin hole accent colour

Pill Sizing

• Pin hole toggle

• Pill height (28px to 64px)

• Horizontal padding (8px to 40px)

Typography

• Font family selector

• Font size (10px to 24px)

Best use cases

• 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

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.