DesignAdvanced4

Micro-interaction Design

7.1Klikes3.5Ksaves5.9Kuses

micro-interactions design system patterns

Compatible Platforms

💬GPT-4o🌐v0🤖Claude 3.5 Sonnet

The Prompt

Design micro-interactions for app_type: button hover and press states, loading indicators with branded animation, success/error feedback animations, pull-to-refresh behavior, swipe gestures with visual feedback, toggle and switch animations, notification entrance/exit, and skeleton loading patterns. Include CSS/FRamer Motion specifications

Share this Prompt

How to Use This Prompt

1
Copy the Prompt
Click the "Copy Prompt" button above to copy the full prompt text to your clipboard.
2
Open Your AI Platform
Go to one of the compatible platforms: GPT-4o, v0, Claude 3.5 Sonnet.
3
Paste & Generate
Paste the prompt into the AI tool and enjoy the results. Tweak as needed for your specific use case.

Related Prompts

Design5

Dark Mode Design System

Create an accessible dark mode design

View prompt

Design5

Micro-Interaction Library

Design a micro-interaction library

View prompt

Design5

Form Design Best Practices - Patterns

form design system patterns

View prompt

Design5

Icon System Design - Patterns

icons design system patterns

View prompt

Design5