220 × 258 pt sur un écran de 390 pt. La démo tourne en direct, à un clic.
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.
Collez dans Claude Code, Cursor ou Windsurf. Ça construit ce composant à l'identique dans votre app.
Ce que le prompt contientTout est inclus, rien n'est téléchargé
- 2 fichiers
- écrit en entier, prêt à coller
- 321 lignes
- Inter
- Regular, Medium, Semi Bold, Extra Bold
- via @expo-google-fonts
- Règles d'intégration
- livré à l'identique, jamais adapté à votre thème
- SDK 52+
La règle que suit ce design
Il est livré exactement comme l'aperçu : mêmes couleurs, même typographie, même texte, même animation. Le prompt indique à votre agent de le construire ainsi, sans l'adapter à votre thème existant.
