Design Spells (UI Micro-Interactions)

Overview

Design Spells is a curated design repository dedicated to celebrating software craftsmanship and micro-interactions that "feel like magic". It documents the whimsical easter eggs, tactile sound design, dynamic shadows, and clever visual affordances that transform good digital products into memorable, delightful experiences.

Key Features

• 🪄 "Magic" Micro-Interaction Catalogue: Curated video recordings of delightful details—from playful cursor trails to contextual loading states.
• 🔍 Detail-First Tagging System: Search specifically by interaction types (Delightful, Smart, Unique, Audio, Dynamic Island, Cursor interactions).
• 🏆 Spotlights on Top Tier Apps: Features thoughtful moments from industry innovators such as Linear, Apple, Stripe, Raycast, Cron, and Figma.
• 💡 Deep Interaction Context: Concise commentary analyzing why each interaction feels satisfying and how it reinforces user feedback.

Featured Interaction Spells

Curated Interaction Categories:
• Tactile Sound & Haptics: Satisfying click triggers, spatial audio cues
• Dynamic Affordances: Morphing button states, contextual tooltips
• Easter Eggs & Gamification: Playful confetti bursts, unlockable surprises

Why Explore Design Spells?

• Product Designers: Infuse emotional design, delight, and distinctive personality into everyday functional interfaces.
• Frontend & Creative Engineers: Discover innovative CSS/JS trickery and animation choreography to make UI interactions feel alive.