Plan Pro
Todo lo que necesitas para crecer.
Animated gradient card
A card with a colorful gradient background that drifts slowly from side to side, with a small badge on top.
Settings
Code
<div class="uv-kg"><span>New</span><h3>Pro plan</h3><p>Everything you need to grow.</p></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Cards
Where to use it
An animated gradient card is the easy way to make one option stand out among plain ones. Use it for the “Pro” plan in a pricing table, a membership card in a gym's app or a banner announcing a new feature in a dashboard. The background moves so slowly, over about eight seconds, that it feels alive rather than busy.
The text is white, so choose two colors that keep it readable at every point of the loop. Put it next to neutral cards: surrounded by other gradients it loses the very thing it was meant to do.