---
title: "Live Activity Badge — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Text. About Live Activity Badge brings a sleek, real time presence indicator to your Framer projects."
canonical: "https://framer.elliotli.dev/component/live-activity-badge"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Live Activity Badge

# Live Activity Badge

Show real-time availability onsite

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

![Live Activity Badge preview image 1](https://framer.elliotli.dev/og/component/live-activity-badge/e98954d89331c329/1600x1200.jpg)

## Summary

About Live Activity Badge brings a sleek, real time presence indicator to your Framer projects.

## Description

**About**

Live Activity Badge brings a sleek, real time presence indicator to your Framer projects. Perfect for portfolios, dashboards, or "About Me" pages, it lets visitors know exactly what you’re up to whether you're currently coding, designing, or available for hire. With built-in marquee support and interactive click actions, it’s more than just a badge; it’s a living part of your site that builds trust and connection with your audience.

**What it does**

Renders a highly customizable status pill with an optional marquee effect for longer text. It features a live status indicator (choose between a dot, icon, or image) and supports dual themes with adjustable glassmorphism blur. The component also includes built in interaction logic, allowing you to link the badge to external URLs or trigger specific events within your Framer project upon clicking.

**What you can customize**

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-1324qz7s-CEXv04C1bWHVEFkpdMY1i7kB4nJQiE)

-   **Status & Mode:** Set your current activity text, toggle between Available/Busy states, and adjust the Marquee speed for scrolling text.
    
-   **Indicator & Visuals:** Choose your indicator type (Dot, Icon, or Image), customize the Dot color, and adjust the overall size and spacing of the component.
    
-   **Theming & Effects:** Independent background color controls for Light and Dark modes, adjustable background blur (glassmorphism), and full font customization (Inter by default).
    
-   **Interactions:** Set the "On Click" behavior to None, Open URL, or Trigger Event to make the badge functional and interactive.
    

**Great for**

-   Personal portfolio & resume sites
    
-   "Available for Hire" status indicators
    
-   Dashboard headers and profile sections
    
-   Personal branding on blog headers
    
-   SaaS platforms showing system status or user activity
    

**Share your build**If you ship something cool with it, post it on X and tag me @Dulajweb

**Need help?**Questions or feedback? Reach me anytime: [**dulajdilshan766@gmail.com**](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb

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

-   All · #8969

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-03-09
- **Updated**: 2026-09-03
- **Added**: 2026-03-03
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing