220 × 258 pt en una pantalla de 390 pt. La demo corre en vivo, a 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.
Pégalo en Claude Code, Cursor o Windsurf. Construye este componente 1:1 en tu app.
Qué lleva el promptTodo incluido, nada se descarga
- 2 archivos
- escrito al completo, listo para pegar
- 321 líneas
- Inter
- Regular, Medium, Semi Bold, Extra Bold
- vía @expo-google-fonts
- Reglas de integración
- se entrega 1:1, nunca se adapta a tu tema
- SDK 52+
La regla que sigue este diseño
Se entrega exactamente como se muestra en la vista previa: mismos colores, misma tipografía, mismo texto, mismo movimiento. El prompt le indica a tu agente que lo construya así, sin adaptarlo a tu tema existente.
