Resources
← All resources
InspirationWeb Design
Design Spells — UI Details, Interactions & Micro-Animation Inspiration

About this resource

Design Spells is a curated archive of small interface details that make digital products feel more delightful and memorable. Instead of full design case studies, it focuses on specific interactions such as button animations, screen transitions, long-press menus, skeuomorphic elements, confetti, Easter eggs, 3D transitions, playful 404 pages and other micro-interactions. The archive already includes more than 300 examples from real apps and digital products, with references from iOS, Pinterest, Instagram, Chrome, Strava, Claude, ChatGPT, GitHub Copilot, Transit, Monzo and many others. Examples can be filtered by tags including Mobile, Desktop, Interaction, Easter Egg, Skeuomorphic, Animation, Motion, 404, Transition, 3D, Button and Dynamic Island, making it easy to research a specific interaction pattern. Design Spells is especially useful for UI/UX and product designers, motion designers and frontend developers who want focused references for making digital interfaces feel more polished, responsive and enjoyable. The project is crafted by Chester and Duncan and also offers an RSS feed and newsletter for following new additions.

Usage and licensing

Design Spells is a curated reference archive. The showcased interfaces, videos and brands remain the property of their respective owners and should be used for research and inspiration rather than copied directly.

Check the creator’s current terms before using this resource.

Similar resources