Blenra
Optimized for: Gemini / ChatGPT / Claude

Framer Motion & Tailwind Animated Pricing Table Prompt

Use this engineered prompt to drastically optimize your workflow and output.

Required Variables

  • ✦[STAGGER_DELAY]
  • ✦[HOVER_SCALE]
framer-motion-tailwind-animated-pricing.txt
Generate a React pricing component that utilizes Tailwind CSS for styling and Framer Motion for entrance animations. The cards should fade in and slide up with a [STAGGER_DELAY] between them. On hover, the cards should scale to [HOVER_SCALE] and increase their shadow intensity. The CTA button should have a 'tap' animation. Use Tailwind's 'z-index' management to ensure the hovered card always appears on top of others.

Example Output

"The AI provides a production-ready React component with sophisticated motion effects and utility-first styling."