---
title: "Ripple Social Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Pixfort UI · Effects. Ripple Social Card is a premium glassmorphism component for showcasing your social presence directly on your Framer site."
canonical: "https://framer.elliotli.dev/component/ripple-social-card"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Ripple Social Card

# Ripple Social Card

Premium Glass Social Card

[View on Framer](https://framer.com/marketplace/components/ripple-social-card/?via=elliot-li)

![Ripple Social Card preview image 1](https://framer.elliotli.dev/og/component/ripple-social-card/8b1e7eab3ff72cd8/1600x987.jpg)

## Summary

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

## Description

**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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4232

## Details

- **Author**: Pixfort UI
- **Published**: 2026-07-14
- **Updated**: 2026-07-14
- **Added**: 2026-07-14
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo