Plan Pro
Todo lo que necesitas para crecer.
Karte mit lebendigem Verlauf
Eine Karte mit farbigem Verlaufshintergrund, der langsam hin und her wandert, dazu ein kleines Badge.
Einstellungen
Code
<div class="uv-kg"><span>Neu</span><h3>Pro-Tarif</h3><p>Alles, was du zum Wachsen brauchst.</p></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Karten
Wofür du ihn nutzen kannst
Eine Karte mit animiertem Verlauf ist der einfachste Weg, eine Option zwischen schlichten hervorzuheben. Nimm sie für den „Pro“-Tarif einer Preistabelle, die Mitgliedskarte in der App eines Fitnessstudios oder den Hinweis auf eine neue Funktion im Dashboard. Der Hintergrund bewegt sich so langsam, etwa acht Sekunden pro Durchlauf, dass er lebendig wirkt statt hektisch.
Der Text ist weiß, also wähl zwei Farben, auf denen er an jeder Stelle der Animation lesbar bleibt. Stell sie neben neutrale Karten. Zwischen lauter anderen Verläufen verliert sie genau das, wofür sie da ist.