Skip to content

component

LumoraSignalBadge

By Noel Dario Andres

Details

Summary

Premium animated status badge

Description

Lumora Signal Badge is a premium Framer Code Component for creating modern status badges, product labels, launch pills, trust badges, notification labels, and small interactive UI highlights. It includes an animated pulse dot, glow effect, cursor-following light, shimmer highlight, optional icon, optional value pill, link support, multiple visual variants, and full customization through Framer property controls. Everything can be edited directly inside Framer. You can adjust the label, value text, icon, link, size, shape, colors, border, glow, pulse, shimmer, hover behavior, and disabled state without touching the code. Key features: • Animated pulse dot • Cursor-following light • Glow effect • Shimmer highlight • Optional icon • Optional value pill • Link support • Open in new tab option • Small, medium, and large sizes • Pill and rounded shapes • Obsidian, Aurora, Glass, Pearl, and Outline variants • Custom colors, border, glow, accent, and typography • Full-width option • Hover lift interaction • Disabled state • Built with React and Framer Motion • No heavy external dependencies Use it for SaaS landing pages, AI tools, product pages, launch announcements, pricing highlights, feature callouts, portfolio projects, e-commerce pages, and modern Framer templates.

Introduction

Premium animated status badge

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750188658/148/228/309/79/15
  • All · #8849