Design Spells
@designspells.com
📤 156
📥 1
📝 221
Micro-interactions, easter eggs, and other seemingly extra design details that feel like magic 🪄
Floating action button's icon animates when switching tabs in Family
loading . . .
3 days ago
1
1
0
Animated launch screen when opening the Luma app
loading . . .
5 days ago
1
2
1
📮 Issue
#54
of our newsletter is out! Check your mailboxes or read it online here →
www.designspells.com/newsletters/54
loading . . .
Spells Digest #54 · Design Spells Newsletter
Issue #54 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/54
8 days ago
1
0
0
Animated ascii logo when starting Cursor agent in the terminal
loading . . .
9 days ago
1
6
1
Tab bar icon micro-animations in Phantom
loading . . .
11 days ago
1
3
0
Smooth transitions when viewing alternative routes in Waze
loading . . .
16 days ago
1
2
0
Sliding animation when personalizing your AI on
@notion.com
loading . . .
19 days ago
1
1
0
📮 Issue
#53
of our newsletter is out! Check your mailboxes or read it online here →
www.designspells.com/newsletters/53
loading . . .
Spells Digest #53 · Design Spells Newsletter
Issue #53 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/53
22 days ago
1
2
0
Icon micro-animations when hovered or clicked in
@discord.com
loading . . .
23 days ago
1
2
0
"Printing" animation when viewing credits in Spenzy
loading . . .
24 days ago
1
5
0
Card "flip" animation in Abode
loading . . .
about 1 month ago
1
1
0
Smooth transitions when opening and dismissing an event in Luma
loading . . .
about 1 month ago
1
2
0
📮 Issue
#52
of our newsletter is out! Check your mailboxes or read it online here. →
www.designspells.com/newsletters/52
loading . . .
Spells Digest #52 · Design Spells Newsletter
Issue #52 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/52
about 1 month ago
1
1
0
Animation when hovering on the sidebar toggle in Stripe
loading . . .
about 1 month ago
1
3
0
Curved navigation tabs in GOAT
loading . . .
about 1 month ago
1
3
0
Animation when numbers change in
Dub.co
loading . . .
about 1 month ago
1
3
0
"Insert" tapes to play videos in Cassette · By
@justmedevin.bsky.social
loading . . .
about 2 months ago
1
1
0
📮 Issue
#51
of our newsletter is out! Check your mailboxes or read it online here. →
www.designspells.com/newsletters/51
loading . . .
Spells Digest #51 · Design Spells Newsletter
Issue #51 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/51
about 2 months ago
1
2
0
Reveal password animation on Column
loading . . .
about 2 months ago
1
2
0
Skeuomorphic postcards on Airbnb
loading . . .
about 2 months ago
1
5
0
Achievements carousel in AllTrails
loading . . .
about 2 months ago
1
2
0
Pull-to-refresh animation in Reddit
loading . . .
2 months ago
1
1
0
📮 Issue
#50
of our newsletter is out! Check your mailboxes or read it online here. →
www.designspells.com/newsletters/50
loading . . .
Spells Digest #50 · Design Spells Newsletter
Issue #50 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/50
2 months ago
1
2
0
"Magnetic" drop targets that gravitate toward the cursor when dragging tabs in
@diabrowser.com
loading . . .
2 months ago
1
3
0
Interactive journal with "flippable" pages in Yume
loading . . .
2 months ago
1
3
0
Infinite canvas for browsing a cluster on Cosmos
loading . . .
2 months ago
1
1
0
Arrow spins when skipping forward or backward on iOS' native video player
loading . . .
3 months ago
1
3
0
📮 Issue
#49
of our newsletter is out! Check your mailboxes or read it online here →
www.designspells.com/newsletters/49
loading . . .
Spells Digest #49 · Design Spells Newsletter
Issue #49 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/49
3 months ago
1
2
0
Rubber-banding effect when dragging the timer slider in Opal
loading . . .
3 months ago
1
5
1
Welcome intro animations in Abode
loading . . .
3 months ago
1
2
0
Immersive gallery for browsing styles in
@craft.do
loading . . .
3 months ago
1
2
1
Floating action button animations in Slack
loading . . .
3 months ago
1
1
0
📮 Issue
#48
of our newsletter is out! Check your mailboxes or read it online here →
www.designspells.com/newsletters/48
loading . . .
Spells Digest #48 · Design Spells Newsletter
Issue #48 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/48
3 months ago
1
3
0
Transition when expanding the chapters section in Spotify
loading . . .
3 months ago
1
1
0
Bouncy animation when locking and unlocking aspect ratio in
@figma.com
loading . . .
3 months ago
1
2
0
Interstellar-inspired design for browsing journal entries in Tesseract
loading . . .
3 months ago
1
1
1
Beautiful camera controls in OpenCam
loading . . .
3 months ago
1
5
1
📮 Issue
#47
of our newsletter is out! Check your mailboxes or read it online here. →
www.designspells.com/newsletters/47
loading . . .
Spells Digest #47 · Design Spells Newsletter
Issue #47 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/47
4 months ago
1
1
0
Smooth animations in
@vercel.com
's universal search bar
loading . . .
4 months ago
1
2
0
Welcome intro animation in Corner
loading . . .
4 months ago
1
1
0
Smooth sliding sidebars in
@typefully.com
loading . . .
4 months ago
1
4
0
Vinyl record that spins when the song is playing on Instagram
loading . . .
4 months ago
1
2
0
📮 Issue
#46
of our newsletter is out! Check your mailboxes or read it online here. →
www.designspells.com/newsletters/46
loading . . .
Spells Digest #46 · Design Spells Newsletter
Issue #46 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/46
4 months ago
1
0
0
Shadows shift based on the tilt of your phone in
@notbor.ing
Camera
loading . . .
4 months ago
1
17
2
One-time password input animations on Family
loading . . .
4 months ago
1
1
0
Animated gradients when using speech to text on Grok
loading . . .
4 months ago
1
2
0
Profile QR slides out from the dynamic island when sharing your profile on Retro
loading . . .
4 months ago
1
3
0
📮 Issue
#45
of our newsletter is out! Check your mailboxes or read it online here. ↓
www.designspells.com/newsletters/45
loading . . .
Spells Digest #45 · Design Spells Newsletter
Issue #45 of the Design Spells newsletter — A biweekly newsletter featuring micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.
https://designspells.com/newsletters/45
4 months ago
1
3
0
Playable katamari ball that rolls up elements on the page in Google
loading . . .
5 months ago
1
2
0
Logo animation when hovering on the "Connect to Google" button in
@notion.com
Mail
loading . . .
5 months ago
1
4
0
Load more
feeds!
log in
