X Profile Picture
Display a dynamic X profile image fetched directly from a username, reflecting the most recent profile picture. Ideal for authentic social proof, testimonials, and client logos.
Make it with Workshop
Build your own component with AI
X Profile Picture is an easy-to-use Framer Component designed for displaying X (formerly Twitter) profile images dynamically based on usernames. It fetches live profile pictures from X and gracefully falls back to the platform's default avatar when necessary.
Use Cases:
Showcase user profile pictures in SaaS apps, portfolios, or team pages.
Add social credibility to landing pages and marketing sites.
Embed interactive user lists with branded avatars and tooltips.
Key Features:
Dynamic username input for instant avatar fetching.
Fully customizable border color, width, and radius to match any design.
Smooth tooltip displaying X username on hover with subtle animation.
Clickable avatar linking to user’s X profile, opening in a new tab with SEO-optimized attributes.
Enforced square aspect ratio ensures consistent circular or rounded displays.
Clean fallback to X’s default avatar if the profile picture is unavailable.
Lightweight, highly performant with React hooks and Framer property controls.
Perfect for freelancers, agencies, SaaS founders, and marketers building social identity into their webpages or apps using Framer’s powerful design ecosystem.
