# badge

Shine-Sweep Badges

Pill badges in three tints with a diagonal light sweep that crosses on a loop, staggered.

HTMLCSSReactAdvanced

3.3k24.1k5.5kOpen

Animations Live preview

Marquee ticker tape

Infinite edge-masked ticker with a seamless looping track — promo bars, news tape, announcement strips.

32600Open

HTMLCSSJavaScriptModerate

Components Live preview

Notification bell with count badge

Ringing bell with a spring pop-in count badge; rings periodically, increments on click.

28900Open

Components Live preview

Rotating circular text badge

Text runs around an SVG circle and slowly rotates around a glowing gradient core — seal/badge stamp.

34400Open

Status Badge Chips · Candy Pink

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Candy Pink palette.

17300Open

Status Badge Chips · Royal Gold

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Royal Gold palette.

62100Open

Status Badge Chips · Crimson Heat

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Crimson Heat palette.

12900Open

Status Badge Chips · Deep Indigo

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Deep Indigo palette.

42000Open

Status Badge Chips · Aurora Teal

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Aurora Teal palette.

75800Open

Status Badge Chips · Mono Pearl

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Mono Pearl palette.

29900Open

Status Badge Chips · Ultra Violet

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Ultra Violet palette.

9100Open

Status Badge Chips · Cyber Lime

A row of status chips: pulsing live dot, outlined beta tag and a gradient PRO pill. Rendered in the Cyber Lime palette.

8400Open

HTMLCSSJavaScriptModerate

Components Live preview

Notification Bell

Header bell with unread badge, dropdown feed and mark-all-read action.

Pulse Dot Badge

Small badge with a pulsing ring to signal live/active status.

Badge Counter

Numeric badge for cart/notifications with pop animation on change.

Animations Live preview

Floating Badge Bob

Badges that float/bob with a soft shadow to suggest depth.

Animations Live preview

Circular Text Spin

Text rotating along a circular path.

Status Badge Set

Active/pending/error/offline badges with color dots and soft backgrounds.

Pulse Live Dot Badge

Live/recording badge with a pulsing ring and subtle glow.

Notification Counter Badge

Numeric badge for bell/cart with pop animation on increment.

New Feature Badge with Sparkle

Sparkle-animated NEW badge for feature flags and launches.

Tier Badge with Icon

Gold/silver/bronze tier badges with icons and gradient fills.

Priority Flag Badges

Low/med/high/critical priority badges for tickets and issues.