INTERACTION_001CSS
Premium Button Lift
Weightless 2px rise with an edge highlight on hover.
Buttons / LightView
Back to promptsPROMPT_001 / LANDING PAGES PROMPT_002 / LANDING PAGES PROMPT_003 / BUTTONS
PROMPT_012 / AUDITS
TELL ME WHY THIS FEELS CHEAP.
Asks the model to inspect the existing UI and fix the specific details that read as unfinished.
- BEST FOR
- A working app that just does not feel considered.
- DIFFICULTY
- Easy
- TOOLS
- Lovable · Cursor · Claude Code
USE THIS IN LOVABLE
Audit this interface for missing microinteractions and fix them. Check and report on: button hover/active/focus/disabled states, link and nav hover feedback, card hover states, input focus treatment, copy/save confirmation feedback, toast styling and duration, modal and dropdown entrances, tab transitions, loading states, empty states and error states. For each gap: name the element, describe what is missing, and implement the fix using one consistent motion language (180/350/700ms, cubic-bezier(0.22, 1, 0.36, 1), transform and opacity only). Do not add new colors, libraries or decorative animation — the goal is consistency, not more movement. --- Tool: Lovable. Apply the changes directly to the existing codebase, reuse the current design tokens and component structure, and do not introduce new dependencies.
RECOMMENDED INTERACTIONS.
RELATED PROMPTS.
MAKE MY WEBSITE FEEL EXPENSIVE.
Adds restrained motion, glass surfaces, premium hover behavior, better typographic transitions and professional microinteractions.
premiumlanding-pagemicrointeraction
BUILD A LANDING PAGE THAT LOOKS HIRED.
A complete dark, monochrome, editorial landing page structure with asymmetric bento sections and restrained motion.
premiumlanding-pagedark-ui
GIVE MY CTA GRAVITY.
A reusable cursor-following button component with proper touch and reduced-motion fallbacks.
buttonmousepremium