---
title: "Activity Badge — Free Framer component · Best of Framer"
description: "Free Framer component · by Nostromo Studio · Effects. Animated Status Indicator"
canonical: "https://framer.elliotli.dev/component/activity-badge"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Activity Badge

# Activity Badge

Animated Status Indicator

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

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

## Summary

Animated Status Indicator

## Description

## About This Component

Choose between preset states (green, orange, red) or define your own custom color. Add subtle motion with three animation styles—Pulse, Shake, or Glow—and fine-tune the behavior to match your design.

**Customization options include:**

-   **Pulse**: expanding rings (1, 2, or 3) with adjustable scale and opacity
    
-   **Shake**: subtle left-right motion, perfect for attention or “active” feedback
    
-   **Glow**: soft luminous effect for a clean, ambient highlight
    
-   Full control over **animation duration, easing, and delay**
    
-   Custom badge size (works at any dimension)
    
-   Adjustable border radius (from circle to rounded square)
    
-   Preset or fully custom colors
    

Clean, lightweight, and easy to integrate into any layout.

Perfect for availability indicators, dashboards, chat interfaces, or live status UI elements.

**Note:** Parent Stacks/Frames must have Overflow set to Visible, otherwise the animation may be clipped.

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

-   All · #270

## Details

- **Author**: Nostromo Studio
- **Published**: 2026-03-31
- **Updated**: 2026-04-01
- **Added**: 2026-03-23
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows