All illustrations

Notifications

The bell rings and a card lands on top of the stack on the phone.

FreeIsometric · spot

Copy

Download

Open in

Notifications: the bell rings and a card lands on top of the stack on the phone.

Not quite it? Ask for a variation

Install

Writes one React component into components/illos. Nothing else to install.

npx shadcn@latest add https://illos.dev/r/line-iso/notifications.json

Or hand it to your agent

Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.

How it moves

  1. someone rings the bell.
  2. a card flies to the phone.
  3. it lands on top of the stack.

For developers

File size
4.1 KB gzipped
Motion
Plays once, 3.2 s, then holds
Reduced motion
Shows a still
File
notifications.svg

Next in this theme.

File uploads: a file splits into chunks that drop down the chute and come back together in storage.
Isometric · spotFree
Version control: a branch leaves main, picks up a commit and merges back in.
Isometric · spotFree