Uwarp

Design Spells — micro-interactions, easter eggs & UI details

Explore Design Spells—a free curated library of micro-interactions, easter eggs, and design details that add personality and delight to websites and apps.

  • Micro-interactions
  • UI Easter Eggs
  • Design Inspiration
  • Animation Details
Publisher
Design Spells
Type
Micro-interaction Inspiration Library
Pricing
Free
Reviewed
22 August 2026
Official site

Quick verdict

Use when

  • Micro-interaction library
  • UI easter eggs
  • Browsable by pattern
  • Free playful details

Skip when

  • Full website galleries
  • Color / font resources
  • Generates interaction code

Design Spells vs common alternatives

How Design Spells stacks up for micro-interaction inspiration library—pricing tiers, ramp-up time, output scope, and where work is processed. Verify current details on each official site.

Tap a dimension to focus

Pricing

  • Design SpellsThis page
    • Free to browse
    • No account required
  • uijar
    • Free gallery
    • Community-sourced UI
  • Godly
    • Free website gallery
  1. Design Spells — official site
  2. uijar — official site
  3. Godly — official site

Preview of Design Spells - not the live app. Confirm details on the official site.

Does this overview help you decide?

—

(—)

Learn more

Details below the decision summary—features, workflow, and scope notes.

What is Design Spells?

Explore Design Spells—a free curated library of micro-interactions, easter eggs, and design details that add personality and delight to websites and apps.

What it costs

Tier snapshot before you browse designspells.com.
Free tier
Yes
Pricing summary
Design Spells is free to browse—the curated micro-interaction and easter egg library requires no account or payment. A newsletter is available for periodic design insights; confirm current details on the official site.

Reviewed on 22 August 2026 · Design Spells — official site

What Design Spells provides

Core value of the micro-interaction library.

  • Curated micro-interactions

    A hand-picked library of hover effects, transitions, and playful interface moments worth studying.

  • UI easter eggs

    Hidden and surprising design details that make products feel considered and fun to use.

  • Bite-sized inspiration

    Short, focused examples you can scan quickly and borrow ideas from for your own projects.

  • Newsletter

    Periodic design insights and spells delivered by email for designers who want a steady trickle of ideas.

How to use Design Spells

A practical flow for turning the library into project inspiration.

  1. Browse the gallery

    Open designspells.com and scan the micro-interaction and easter egg thumbnails to see what catches your eye.

  2. Study the details

    Open individual spells and note the motion, timing, and personality—not just the visual result.

  3. Collect patterns

    Save or remember interactions that fit the mood and personality you want for a current project.

  4. Apply deliberately

    Use the inspiration as a starting point for your own implementation, tuned to your product context.

Who Design Spells is for

Roles that get the most from a micro-interaction library.

  • UI/UX designers

    A fast source of playful details that make interfaces feel human and considered.

  • Product designers

    Concrete examples of micro-interactions that add personality without hurting usability.

  • Design-engineer generalists

    A reference for motion and interaction details before you start implementing.

When Design Spells is the right pick

Choose Design Spells when you want free, browsable examples of micro-interactions and UI easter eggs to add personality to your work. Skip it when you need full website galleries, color or font resources, or a generator that writes the interaction code for you.

Tech specs

Snapshot of the site behind the gallery.
Free library
Curated micro-interactions and easter eggs browsable without an account.
Content type
Thumbnail-gallery format organized by design detail patterns.
Extra
Optional newsletter for periodic design insights.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.