227
Illustrations that move when you look.
Small animated scenes for empty states, feature sections and marketing pages. Coded, themeable, no image files.
- in this shelf
- 22
- categories
- 5
- across devl
- 277· 35 cut
Connections4
228
Dot Map
A dotted world map drawn from a hand-made land mask, with one region lit up, live sessions pulsing across it and a switcher that moves the spotlight.250
Sync Pair
A laptop and a phone toss a document back and forth along a soft arc; when both edit at once, the two versions meet mid-air and merge into one with a check.251
Webhook Relay
Signed event packets fan out from a relay to three endpoints; one fails, bounces back and retries with a growing backoff until it lands. Hover a node to pause and read it.Empty States5
229
Bell Quiet
Empty-state art for notifications: a sleepy bell breathing out little z's – hover and it startles awake with a tiny ring, then dozes off again.230
Search Scan
Empty-state art for search: a magnifier reads down a page, zooming the lines under its lens, until it lands on the word you typed and highlights it.coss ui
The kit every devl component is built on — Base UI + Tailwind, copy-paste, open source.
231
Upload Cloud
Empty-state art for uploads: a soft, breathing goo cloud reaches down, scoops up the file waiting below, fills a ring with a live percentage and lands on a tick.252
Empty Bag
Empty-cart art: a shopping bag slumps and sighs, perks up when a price tag dangles in, and puffs up proudly with a bounce when you add something.253
Unplugged
Offline empty-state art: a loose plug sways beside its socket and sparks now and then, until Reconnect pushes it home with a click and the status light turns green.Characters4
254
Carrier Bird
A round little bird hops beside a sealed letter; press send and it hops over, grabs the envelope and flaps off on a dotted trail before a tick confirms it's sent.255
Desk Bot
A little desk robot that follows your cursor with glowing eyes, perks its antenna when you come close, and nods off after a few quiet seconds until you tap it awake.256
Keyboard Cat
Loading art with a cat loafing on a laptop: its paws knead the keys so they light up while code types out and the progress bar fills, then it stretches and hops off when the job is done.257
Night Owl
An owl on a branch that follows your cursor and tilts its head at you. Wide awake under the moon in dark mode, heavy-lidded and snoozing in light mode.Objects5
232
Card Stack
Payment cards tucked in a stitched leather wallet – hover and they rise out in a fan, click the front one to lift it clear and flip it, or a peeking one to pull it forward.233
Envelope
A kraft envelope that pops its wax seal, swings the flap open and lets a letter spring up – then tucks it back in and reseals itself.234
Launch Pad
A little rocket venting steam on its pad – click and it lights up, lifts off on a trail of smoke, then drops back in on a retro burn and lands.235
Server Rack
A rack of humming units with blinking status lights – hover one and it slides forward, its bezel gliding off to show the drives inside.236
Shield Lock
A glass shield that fills with liquid as it checks a passkey – the padlock flips colour as the tide rises past it and snaps shut, while a bad key turns the water red and drains it away.Celebrations4
237
Growth Chart
A record-month moment: a little ball hops up a staircase of bars, each one springing up under it as the total ticks over, and plants a flag on the peak.238
Inbox Zero
A tidy desk for the moment the inbox empties: the last email folds into a paper plane, loops out through the window, the counter rolls to zero and the dusk sky turns to day.239
Plant Progress
A seedling that grows with your progress value – the stem climbs, a leaf unfurls at each step, and at 100% it flowers.258