The Twitter Stack is a high-fidelity social proof component designed specifically for Framer websites. It mimics the aesthetic of Twitter/X posts while adding a layer of sophisticated interactivity that standard screenshots lack.
Key Features:
Interactive Stack Physics: By default, cards sit in a skewed, 3D-style deck. Hovering over the back cards triggers a physics-based spring animation, spreading the stack to reveal hidden testimonials without breaking the layout.
Adaptive Layout Modes: Instantly switch the component between Stack, Grid, and List views via the property panel, making it adaptable for hero sections (stack) or wall-of-love sections (grid).
Smart Dimming: In stack mode, inactive cards receive a subtle "dimmed" overlay that vanishes instantly upon interaction, guiding user focus.
Full Typography Control: Includes an extended Font Control system, allowing you to match the testimonial text to your brand's specific typeface, weight, and line height.
Zero Dependencies: Built with pure CSS and Framer Motion. No external CSS libraries (like Tailwind) are required, ensuring it works instantly upon copy-pasting.
Customization Options: You have full control over the visual language directly from the Framer sidebar:
Content: Edit usernames, handles, verification badges, text, and metrics (likes/retweets).
Styling: Customize text colors, backgrounds, borders, and shadow intensity to perfectly match Light or Dark modes.
Geometry: Adjust the card width and the skew angle of the stack (or set it to 0 for a flat design).
Navigation: Each card can optionally link to an external URL.
Vrny Studios
