Badges — 610 CSS effects

Status labels, notification counters, and compact indicators.

Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.

Page 2 of 7

Live preview Badges

Neon Cyan Badge

Dark badge with glowing cyan neon outline.

#transform #shadow #border

Live preview Badges

Neumorphic Pressed Badge

Inset neumorphic badge with pressed look.

#shadow

Live preview Badges

Neumorphic Raised Badge

Neumorphic badge with raised appearance.

#shadow

Live preview Badges

Pulsing Notification

Notification badge that scales pulse to grab attention.

#animation #transform #border

Live preview Badges

Platform Web Badge

Web platform badge with browser-globe accent and blue tone.

#gradient #shadow #border

Live preview Badges

Retro 80s Badge

Retro 80s synthwave badge with neon gradient.

#gradient #transform #shadow

Live preview Badges

Striped Ribbon

Banner ribbon with diagonal striped pattern.

#gradient #shadow

Live preview Badges

Admin Role Badge

Admin role badge with red shield style.

#transform #shadow #border

Live preview Badges

Sale Flash Badge

Bright sale badge with a flashing shine sweep.

#animation #gradient #transform

Live preview Badges

Gold Wax Seal

Gold wax seal with shimmering surface.

#gradient #transform #shadow

Live preview Badges

Diamond Shape Badge

Diamond/rhombus shaped badge with rotated square styling.

#gradient #shadow

Live preview Badges

Hex Shape Badge

Hexagonal badge with clipped polygon edges.

#gradient #shadow

Live preview Badges

Shield Shape Badge

Shield-shaped badge with classic heraldic silhouette.

#gradient #shadow

Live preview Badges

Triangle Shape Badge

Triangular badge with polygon clipped corners.

#gradient #shadow

Live preview Badges

Space Rocket Badge

Rocket-shaped badge with tapered nose and fins.

#gradient #shadow #border

Live preview Badges

Expired Stamp

Red expired stamp with bold lettering and rotation.

#transform #border

Live preview Badges

Flagged Stamp

Red flagged stamp for important documents.

#transform #border

Live preview Badges

Internal Stamp

Blue internal stamp for company use.

#transform #border

Live preview Badges

Sample Stamp

Pink sample stamp with playful rotation.

#transform #border

Live preview Badges

Shipped Stamp

Green shipped stamp for package tracking.

#transform #border

Live preview Badges

Busy Status Dot

Red busy status dot with strong pulse.

#animation #transform #shadow

Live preview Badges

Status Dot Group

Three status pills sharing one shape, each with its own colour and dot glow.

#border #shadow #status

Live preview Badges

Tier Silver Shield Badge

Silver-tier shield-shaped badge with polished metallic feel.

#gradient #transform #shadow

Live preview Badges

Trust 2FA Badge

Two-factor authentication badge with key-pad glyph.

#gradient #shadow #border

Live preview Badges

Trust Privacy Badge

Privacy shield badge with eye-blocked glyph and purple tone.

#gradient #shadow #border

Live preview Badges

Trust Verified Business Badge

Verified-business badge with checkmark and blue tone.

#gradient #shadow #border

Live preview Badges

Vapor Sunset Badge

Vaporwave sunset gradient badge with retro gradient bars.

#gradient #shadow #border

Live preview Badges

Volcano Lava Badge

Lava-flow badge with animated red-orange ember gradient.

#animation #gradient #shadow

Live preview Badges

Weather Rain Badge

Rainy weather badge with blue raindrop styling.

#gradient #shadow #border

Live preview Badges

Weather Rainbow Badge

Rainbow weather badge with multi-color arc styling.

#gradient #shadow #border

Live preview Badges

Y2K Bubble Badge

Glossy pink bubble badge with translucent highlight.

#gradient #shadow #border

Live preview Badges

Epic Badge

Epic achievement badge with purple gradient.

#gradient #transform #shadow

Live preview Badges

Honor Badge

Badge of honor with deep purple and gold trim.

#transform #shadow #border

Live preview Badges

Legendary Badge

Legendary achievement badge with rainbow shimmer.

#animation #gradient #transform

Live preview Badges

Mastery Badge

Mastery achievement badge with elite styling.

#transform #shadow #border

Live preview Badges

Milestone Badge

Milestone achievement badge with celebratory styling.

#gradient #shadow #border

Live preview Badges

Rare Badge

Rare achievement badge with blue gradient.

#gradient #transform #shadow

Live preview Badges

Star Achievement

Star achievement badge for completion recognition.

#shadow #border

Live preview Badges

Action Archive Badge

Archive action badge with box glyph and amber tone.

#gradient #shadow #border

Live preview Badges

Action Delete Badge

Delete action badge with red destructive styling.

#gradient #shadow #border

Live preview Badges

Action Download Badge

Download action badge with down-arrow glyph and indigo tone.

#gradient #shadow #border

Live preview Badges

Action Email Badge

Email action badge with envelope glyph and rose tone.

#gradient #shadow #border

Live preview Badges

Action Print Badge

Print action badge with printer glyph and zinc tone.

#gradient #shadow #border

Live preview Badges

Action Save Badge

Save action badge with floppy-disk glyph and green tone.

#gradient #shadow #border

Live preview Badges

Action Upload Badge

Upload action badge with up-arrow glyph and sky-blue tone.

#gradient #shadow #border

Live preview Badges

Critical Alert Badge

Critical alert badge with pulsing red animation.

#animation #transform #shadow

Live preview Badges

Danger Alert Badge

Critical danger alert badge with strong red.

#transform #shadow #border

Live preview Badges

Error Alert Badge

Red error alert badge with warning style.

#shadow #border

Live preview Badges

Info Alert Badge

Blue info alert badge for general notifications.

#shadow #border

Live preview Badges

Live Indicator Badge

Live broadcast indicator badge with red pulse.

#animation #transform

Live preview Badges

Notice Badge

Neutral notice badge in slate color.

#border

Live preview Badges

Warning Alert Badge

Yellow warning alert badge.

#shadow #border

Live preview Badges

Blink Badge

Badge that blinks on and off.

#animation

Live preview Badges

Bounce In Badge

Badge that bounces in on render.

#animation #transform

Live preview Badges

Bounce Loop Badge

Badge that bounces continuously.

#animation #transform

Live preview Badges

Breathing Badge

Badge that gently breathes with subtle scale.

#animation #transform

Live preview Badges

Fill Bar Badge

Badge with animated bottom fill bar.

#animation #gradient

Live preview Badges

Fire Badge

Badge with hot flickering fire effect.

#animation #gradient #transform

Live preview Badges

Flicker Badge

Badge with candle-like flicker effect.

#animation #shadow #filter

Live preview Badges

3D Flip Badge

Badge that flips in 3D continuously.

#animation #transform

Live preview Badges

Float Badge

Badge that gently floats up and down.

#animation #transform

Live preview Badges

Gleam Badge

Badge with subtle gleam reflection.

#animation #gradient #transform

Live preview Badges

Glitch Badge

Badge with cyberpunk glitch effect.

#animation #transform #shadow

Live preview Badges

Gradient Shift Badge

Badge with continuously shifting gradient.

#animation #gradient

Live preview Badges

Jello Badge

Badge with jello-like wobble animation.

#animation #transform

Live preview Badges

Marquee Text Badge

Wide badge with scrolling text marquee.

#animation #transform

Live preview Badges

Particle Badge

Badge with floating particle dots around it.

#animation #transform #shadow

Live preview Badges

Pendulum Badge

Badge that swings like a pendulum.

#animation #transform

Live preview Badges

Progress Bar Badge

Badge with indeterminate progress indicator.

#animation #gradient

Live preview Badges

Double Ring Pulse Badge

Badge with two expanding ring pulses staggered.

#animation #transform #border

Live preview Badges

Pulse Glow Badge

Badge with pulsing glow halo around it.

#animation #shadow

Live preview Badges

Pulse Ring Badge

Badge with expanding ring pulses around it.

#animation #transform #border

Live preview Badges

Pulse Scale Badge

Badge that continuously scales up and down.

#animation #transform

Live preview Badges

Pulse Shadow Badge

Badge with pulsing colored shadow.

#animation #shadow

Live preview Badges

RGB Cycle Badge

Gamer-style RGB cycling badge.

#animation #transform #shadow

Live preview Badges

3D Rotate Badge

Badge that rotates in 3D continuously.

#animation #transform

Live preview Badges

Shake Badge

Badge that shakes side-to-side continuously.

#animation #transform

Live preview Badges

Shimmer Badge

Badge with continuous shimmer effect.

#animation #gradient

Live preview Badges

Shine Sweep Badge

Badge with diagonal light sweep across surface.

#animation #gradient #transform

Live preview Badges

Sparkle Badge

Badge with twinkling sparkle effect.

#animation #gradient #shadow

Live preview Badges

Tilt Badge

Badge that tilts back and forth.

#animation #transform

Live preview Badges

Typewriter Badge

Badge with text appearing like a typewriter.

#animation #border

Live preview Badges

Typing Dots Badge

Badge with three typing indicator dots.

#animation #transform #border

Live preview Badges

Three Dots Loading Badge

Badge with three pulsing loading dots.

#animation #transform #border

Live preview Badges

Water Drop Badge

Badge with water drop ripple effect.

#animation #transform

Live preview Badges

Wave Badge

Badge with subtle wave shimmer effect.

#animation #gradient #transform

Live preview Badges

Arctic Aurora Badge

Aurora-borealis gradient badge with shifting green-violet haze.

#animation #gradient #shadow

Live preview Badges

Arctic Snow Badge

Snowy white badge with subtle flake speckles.

#gradient #shadow #border

Live preview Badges

Art Deco Badge

Art deco badge with gold geometric pattern.

#gradient #transform #border

Live preview Badges

Beta Dot Badge

Subtle beta badge with a small status dot indicator.

#animation #border

Live preview Badges

Bronze Metallic Badge

Bronze metallic badge with warm copper gradient.

#gradient #shadow #border

Live preview Badges

Brutalist Black Badge

Brutalist badge with sharp edges and offset shadow.

#transform #shadow #border

Live preview Badges

Double Brutalist Badge

Brutalist badge with double offset shadows.

#transform #shadow #border