N
neokit

Status

A small colored dot for indicating presence, state, or alerts. Supports all DaisyUI semantic colors, five sizes, and optional ping / bounce animations.

Basic

A single dot with no color modifier.

status

Colors

All eight semantic color tokens.

status colors
neutral
primary
secondary
accent
info
success
warning
error

Sizes

Five sizes: xs, sm, md (default), lg, xl.

status sizes
xs
sm
md
lg
xl

Ping animation

animate="ping" uses the stacked-grid trick to layer an outer ripple on top of a solid inner dot.

status ping
primary
success
warning
error

Bounce animation

animate="bounce" adds animate-bounce for a gentle vertical bounce.

status bounce

User presence list

Classic online/away/offline indicator beside an avatar.

status in context — user list
  • Alice Chen
    Alice Chen
    Designer
    Online
  • Bob Russo
    Bob Russo
    Engineer
    Away
  • Carol Kim
    Carol Kim
    PM
    Busy
  • Dan Mitchell
    Dan Mitchell
    DevOps
    Offline

Server status dashboard

Ping animation on operational services draws the eye to live systems.

status dashboard
  • Infrastructure
  • API Gateway
    us-east-1
    Operational
  • Database
    us-east-1
    Operational
  • CDN
    Global
    Degraded
  • Auth Service
    eu-west-1
    Operational
  • Email Worker
    us-west-2
    Outage

Notification indicator

Overlay a pinging status dot on a button to indicate pending notifications.

status notification
user
user