220 × 258 pt auf einem 390-pt-Screen. Die Demo läuft live, einen Klick entfernt.
Breathing Ring
A breathing ring whose expansion and whose label are driven by the same phase index, so it cannot expand while the word on screen says breathe out, with the pattern itself passed in as plain data.
In Claude Code, Cursor oder Windsurf einfügen. Baut diese Komponente 1:1 in deiner App.
Was der Prompt enthältAlles eingebettet, nichts wird nachgeladen
- 2 Dateien
- vollständig ausgeschrieben, bereit zum Einfügen
- 321 Zeilen
- Inter
- Regular, Medium, Semi Bold, Extra Bold
- über @expo-google-fonts
- Integrationsregeln
- wird 1:1 geliefert, nie an dein Theme angepasst
- SDK 52+
Die Regel, an die sich dieses Design hält
Es wird genau wie in der Vorschau ausgeliefert: gleiche Farben, gleiche Schrift, gleicher Text, gleiche Animation. Der Prompt weist deinen Agenten an, es so zu bauen und nicht an dein vorhandenes Theme anzupassen.
