Skip to content
PixFortUI
Back
Ripple Social Card preview
FramerFreeCards

Ripple Social Card

Ripple Social Card is a premium glassmorphism component for showcasing your social presence directly on your Framer site.

Use this component

Copies the component. Then paste it onto your Framer canvas.

Open live preview

Share this component

XLinkedInReddit

About this component

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 it

  1. Press Copy component above.
  2. Open your Framer project and click on the canvas.
  3. Paste with Cmd/Ctrl+V, then adjust the properties in the right-hand panel.
Loading related components…