Live Activity Badge: Premium Interactions Component by Dulaj dilshan

Add a dynamic status badge to your Framer site. Display what you're doing in real time with customizable modes, marquee animations, and interactive triggers to boost visitor engagement and personal branding.

About this Component

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

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