220 × 258 pt em uma tela de 390 pt. A demo roda ao vivo, a um clique.
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.
Cole no Claude Code, Cursor ou Windsurf. Ele constrói esse componente 1:1 no seu app.
O que o prompt carregaTudo embutido, nada é baixado
- 2 arquivos
- escrito por completo, pronto para colar
- 321 linhas
- Inter
- Regular, Medium, Semi Bold, Extra Bold
- via @expo-google-fonts
- Regras de integração
- entregue 1:1, nunca adaptado ao seu tema
- SDK 52+
A regra que esse design segue
Ele é entregue exatamente como na prévia: mesmas cores, mesma tipografia, mesmo texto, mesma animação. O prompt diz ao seu agente para construir assim, sem adaptar ao seu tema já existente.
