---
title: "Magnetic Avatar — Framer component · Best of Framer"
description: "$10.00 · Framer component · by DariStudio · Interactive. Magnetic Avatar is an interactive avatar pill component for Framer."
canonical: "https://framer.elliotli.dev/component/magnetic-avatar"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Magnetic Avatar

# Magnetic Avatar

Interactive avatar pills

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

![Magnetic Avatar preview image 1](https://framer.elliotli.dev/og/component/magnetic-avatar/965d2c93d3d2f321/1600x1200.jpg)

## Summary

Magnetic Avatar is an interactive avatar pill component for Framer.

## Description

Magnetic Avatar is an interactive avatar pill component for Framer. Create floating profile tags with smooth magnetic cursor motion, custom avatars, editable labels, individual pill colors, and a subtle background marquee.

Customize the text, avatars, pill colors, typography, spacing, shadows, magnetic strength, floating motion, marquee text, speed, size, opacity, and background directly in Framer.

Perfect for team sections, creator pages, agency websites, portfolios, community pages, startup landing pages, and modern editorial websites.

Key features:

-   Floating avatar pill composition
    
-   Smooth magnetic cursor interaction
    
-   Custom labels and avatars
    
-   Individual pill color controls
    
-   Soft pastel default palette
    
-   Background marquee text
    
-   Custom typography and pill styling
    
-   Responsive layout
    
-   Transparent or custom background
    
-   Easy setup directly in Framer
    

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

-   All · #2204

## Details

- **Author**: DariStudio
- **Price**: $10.00
- **Published**: 2026-06-11
- **Updated**: 2026-08-20
- **Added**: 2026-06-07
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase