Design Spells

Design Spells

@designspells.com

Micro-interactions, easter eggs, and other seemingly extra design details that feel like magic 🪄

182 followers 1 following476 posts

@designspells.com

📮 Issue #79 of our newsletter is out! Check your mailboxes or read it online here → www.designspells.com/newsletters/79

@designspells.com

Thank you to Mobbin for sponsoring this issue! Mobbin, the world's largest catalog of the best designed apps and sites, now has an MCP! It connects your AI agents to 600,000+ real product screens, so what they build starts with what already works. → sponsor.designspells.com/mobbin-mcp-...

mobbin.comMobbin MCP: The Design MCP Server for AI AgentsMobbin MCP is the design MCP server that gives your AI agents 600,000+ real screens from shipped products. Set up in under a minute with Claude and Cursor.

@designspells.com

Smooth transitions when browsing looks on Doji

@designspells.com

Spell 346 → designspells.com/spells/smoo... Doji → www.doji.com/

doji.comDojiPersonalized fashion shopping — Create an AI likeness, try on real luxury products, explore new looks and shop your favorites.

@designspells.com

Fully functional iPod on Apple Music's 404 page

@designspells.com

Spell 345 → designspells.com/spells/full... Apple Music → music.apple.com/

music.apple.comApple Music Web PlayerListen to millions of songs all ad-free on Apple Music.

@designspells.com

Bookmark sheet transitions in X

@designspells.com

Spell 344 → designspells.com/spells/book... X → x.com

x.comX. It’s what’s happeningFrom breaking news and entertainment to sports and politics, get the full story with all the live commentary.

@designspells.com

Effort picker animations in Gentler Streak

@designspells.com

Spell 343 → designspells.com/spells/effo... Gentler Streak → gentlerstories.com/gentlerstreak

gentlerstories.comGentler Stories・Gentler Streak: Workout Tracker App That Puts Well-being FirstGentler Streak meets you where you are each day, keeping you motivated with simple, practical guidance. Build a fitness routine that lasts. Focused on consistency and personal progress, not generic goals.

@designspells.com

📮 Issue #78 of our newsletter is out! Check your mailboxes or read it online here → www.designspells.com/newsletters/78

@designspells.com

This week’s “sponsor” is me — Chester. My lil app, Things take time, is live on Product Hunt today! If you’ve tried it before, I’d love your support. If not, give it a try and let me know what you think! → sponsor.designspells.com/ttt-ph

@designspells.com

Contributors carousel in Spotify SongDNA

@designspells.com

Spell 342 → designspells.com/spells/cont... Spotify → spotify.com/

open.spotify.comSpotify - Web Player: Music for everyoneSpotify is a digital music service that gives you access to millions of songs.

@designspells.com

Orb picker in ElevenLabs

@designspells.com

Spell 341 → designspells.com/spells/orb-... ElevenLabs → elevenlabs.io/

elevenlabs.ioFree AI Voice Generator & Voice Agents Platform | ElevenLabsCreate lifelike speech with our AI voice generator and voice agents platform. Access 5,000+ voices in 90+ languages with secure APIs and SDKs.

@designspells.com

Hidden snake minigame when waiting for images to generate in ChatGPT

@designspells.com

Spell 340 → designspells.com/spells/hidd... ChatGPT → chatgpt.com/

@designspells.com

Skeuomorphic traditional tear off calendar in Chengyu Calendar

@designspells.com

Spell 339 → designspells.com/spells/skeu... Chengyu Calendar → apps.apple.com/app/chengyu...

@designspells.com

📮 Issue #77 of our newsletter is out! Check your mailboxes or read it online here → www.designspells.com/newsletters/77

@designspells.com

Thank you to Mobbin for sponsoring this issue! Mobbin, the world's largest catalog of the best designed apps and sites, now has an MCP! It connects your AI agents to 600,000+ real product screens, so what they build starts with what already works. → sponsor.designspells.com/mobbin-mcp-...

sponsor.designspells.comMobbin MCP: The Design MCP Server for AI AgentsMobbin MCP is the design MCP server that gives your AI agents 600,000+ real screens from shipped products. Set up in under a minute with Claude and Cursor.

@designspells.com

Smooth sheet transitions in Sudoku a Day

@designspells.com

Spell 338 → designspells.com/spells/smoo... Sudoku a Day → sudokuaday.com/

sudokuaday.comSudoku a Day — Play Free Daily Sudoku PuzzlesStart your daily Sudoku habit. Free online puzzles, ad-free iPhone app, printable packs, and strategies for every skill level.

@designspells.com

Pretzel Pong minigame in Deel during Oktoberfest

@designspells.com

Spell 337 → designspells.com/spells/pret... Deel → www.deel.com/

deel.comDeel | Global Payroll, Compliance, HR Solutions | HRISHire, pay, and manage teams in 150+ countries with Deel. Run global payroll, ensure compliance, and streamline HR operations—all on one powerful platform.

@designspells.com

Interactive magnifier in Preview

@designspells.com

Spell 336 → designspells.com/spells/inte... Preview → apps.apple.com/app/preview...

@designspells.com

Onboarding gradient animation in Horizon · By @peterdpong.com

@designspells.com

Spell 335 → designspells.com/spells/onbo... Horizon → www.peterdpong.com/horizon

peterdpong.comHorizon — free macOS menu bar calendarA free, native macOS menu bar app that puts your upcoming calendar events one glance away. Tiny, fast, and local-first — your calendar stays on your Mac.

@designspells.com

📮 Issue #76 of our newsletter is out! Check your mailboxes or read it online here → www.designspells.com/newsletters/76

@designspells.com

Thank you to Mobbin for sponsoring this issue! Mobbin, the world's largest catalog of the best designed apps and sites, now has an MCP! It connects your AI agents to 600,000+ real product screens, so what they build starts with what already works. → sponsor.designspells.com/mobbin-mcp-...

sponsor.designspells.comMobbin MCP: The Design MCP Server for AI AgentsMobbin MCP is the design MCP server that gives your AI agents 600,000+ real screens from shipped products. Set up in under a minute with Claude and Cursor.

@designspells.com

Long-press menu in Pinterest

@designspells.com

Spell 334 → designspells.com/spells/long... Pinterest → www.pinterest.com/

pinterest.comPinterestDiscover recipes, home ideas, style inspiration and other ideas to try.

@designspells.com

Effort selection animations in ChatGPT

@designspells.com

Spell 333 → designspells.com/spells/effo... ChatGPT → chatgpt.com/

@designspells.com

Trip view in @transit.app

@designspells.com

Spell 332 → designspells.com/spells/trip... Transit → transitapp.com/

transitapp.comTransit - the best app for buses and trainsThe world's most accurate transit app. Never miss a bus or train again in our 1000+ supported cities, including New York, Paris, London, Montreal and more

@designspells.com

Timer animation when on iOS' StandBy mode

@designspells.com

Spell 331 → designspells.com/spells/time... iOS → www.apple.com/ios/

apple.comOS - iOS 27iOS 27 with all-new Siri AI powered by Apple Intelligence and new features for a more responsive, delightful experience.

@designspells.com

📮 Issue #75 of our newsletter is out! Check your mailboxes or read it online here → www.designspells.com/newsletters/75

designspells.comSpells Digest #75 · Design Spells NewsletterIssue #75 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.

@designspells.com

Thank you to Mobbin for sponsoring this issue! Mobbin, the world's largest catalog of the best designed apps and sites, now has an MCP! It connects your AI agents to 600,000+ real product screens, so what they build starts with what already works. → sponsor.designspells.com/mobbin-mcp-...

@designspells.com

Voice orb animations in ChatGPT

@designspells.com

Spell 330 → designspells.com/spells/voic... ChatGPT → chatgpt.com/

@designspells.com

Delete confirmation animation in Things take time · By @chester.how

@designspells.com

Spell 329 → designspells.com/spells/dele... Things take time → apps.apple.com/app/things-...

@designspells.com

Sidebar icon animation in Granola

@designspells.com

Spell 328 → designspells.com/spells/side... Granola → www.granola.ai/

granola.aiGranola — The AI Notepad for back-to-back meetingsThe AI notepad for back-to-back meetings. Notes, actions and memory. Without a meeting bot.

@designspells.com

Animated transitions in Find My

@designspells.com

Spell 327 → designspells.com/spells/anim... Find My → www.apple.com/icloud/find...

apple.comiCloud - Find MyEasily locate your Apple devices, items with an AirTag, compatible third-party products, and friends and family — all with the Find My app.