Button mit Farbverlaufsnetz
Weiche Farbflecken treiben und mischen sich unter einer Mattglasschicht, ein Funkel-Icon dreht sich beim Hover.
Einstellungen
Code
<button class="uv-msh"><span class="m" aria-hidden="true"><i></i><i></i><i></i></span><span class="t"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2l1.9 5.6L19.5 9.5l-5.6 1.9L12 17l-1.9-5.6L4.5 9.5l5.6-1.9zM19 15l.9 2.1L22 18l-2.1.9L19 21l-.9-2.1L16 18l2.1-.9z"/></svg>Mit KI erstellen</span></button>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 Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Mesh-Gradients sind das Erkennungszeichen von KI-Produkten und Kreativtools, und dieser Button hält einen davon in einer Pille lebendig: Drei verschwommene Flecken treiben langsam in verschiedene Richtungen, darüber liegt eine leichte Glasschicht. Das Funkel-Icon dreht sich beim Hover, ein bekanntes Zeichen für Generieren, Magie oder Erstellen.
Wähle zwei kontrastierende Farben für eine lebendige Mischung und nutze die Unschärfe, um von klaren Formen zu einem weichen Farbschleier zu wechseln. Halte den Text weiß und kurz, damit er gut lesbar bleibt.