Ripple Social Card is a premium glassmorphism component for showcasing your social presence directly on your Framer site. Built with a frosted-glass card design and an animated ripple shader on the profile avatar, it adds a subtle, premium motion detail that most social-follow widgets don't have.
The component ships with 4 ready-made platform variants — Instagram, X (Twitter), LinkedIn, and YouTube — so you can drop in the exact style that matches your brand without rebuilding anything.
FEATURES
- Glassmorphic frosted-card design with soft depth and blur
- Animated ripple shader on the profile picture for a premium, alive feel
- 4 built-in platform variants: Instagram, X/Twitter, LinkedIn, YouTube
- Editable username/handle, followers count, and following count
- Platform-accurate branding and gradient accents per variant
- Fully mobile responsive — scales cleanly across breakpoints
- Optimized performance, no layout shift on load
- Simple property controls, no code required
HOW TO USE
1. Drag and drop the Ripple Social Card component onto your canvas.
2. Open the property panel and select your platform variant (Instagram, X/Twitter, LinkedIn, or YouTube).
3. Upload your profile picture — the ripple shader will automatically animate around it.
4. Update the username/handle field to match your account.
5. Set your followers and following counts.
6. Resize or reposition the card anywhere on your page — it's fully responsive out of the box.
Perfect for landing pages, portfolios, agency sites, and SaaS marketing pages that want to show social proof with a premium, modern touch.
Ripple Social Card is a premium glassmorphism component for showcasing your social presence directly on your Framer site. Built with a frosted-glass card design and an animated ripple shader on the profile avatar, it adds a subtle, premium motion detail that most social-follow widgets don't have.
The component ships with 4 ready-made platform variants — Instagram, X (Twitter), LinkedIn, and YouTube — so you can drop in the exact style that matches your brand without rebuilding anything.
FEATURES
- Glassmorphic frosted-card design with soft depth and blur
- Animated ripple shader on the profile picture for a premium, alive feel
- 4 built-in platform variants: Instagram, X/Twitter, LinkedIn, YouTube
- Editable username/handle, followers count, and following count
- Platform-accurate branding and gradient accents per variant
- Fully mobile responsive — scales cleanly across breakpoints
- Optimized performance, no layout shift on load
- Simple property controls, no code required
HOW TO USE
1. Drag and drop the Ripple Social Card component onto your canvas.
2. Open the property panel and select your platform variant (Instagram, X/Twitter, LinkedIn, or YouTube).
3. Upload your profile picture — the ripple shader will automatically animate around it.
4. Update the username/handle field to match your account.
5. Set your followers and following counts.
6. Resize or reposition the card anywhere on your page — it's fully responsive out of the box.
Perfect for landing pages, portfolios, agency sites, and SaaS marketing pages that want to show social proof with a premium, modern touch.
