Una rosa CSS que brota petalo a petalo al abrirla, con tu mensaje al final. El regalo digital perfecto para el 23 de abril.
"para tu persona especial"
Abres el archivo. Nada. Un segundo de oscuridad. Y entonces empieza.
Primero crece el tallo desde abajo, fino y verde, como si brotara del suelo. Luego aparecen dos hojas. Y después, uno a uno, los pétalos van emergiendo en capas concéntricas —los grandes de fuera, los medianos, los pequeños del interior— hasta que la flor está completa y en el centro aparece el corazón rojo oscuro de la rosa. Solo entonces, cuando ya está entera, el mensaje emerge del fondo en silencio.
Eso es todo. No hay instrucciones. No hay botones. Solo abrir y ver.
Este es un archivo HTML que se envía por WhatsApp como adjunto. El receptor lo abre con el visor de archivos integrado del móvil y ve una rosa que florece en CSS puro, sin ningún tipo de JavaScript. La animación ocurre sola. El mensaje aparece al final del florecimiento.
Es un regalo de Sant Jordi digital. Sin gastar nada. Sin comprar nada. Solo descargarlo, añadir el nombre de la persona y el mensaje, y mandárselo.
La tradición de Sant Jordi —el 23 de abril en Catalunya y cada vez más en toda España— dice que los chicos regalan rosas y las chicas regalan libros. Esta rosa no se marchita, no ocupa espacio y no necesita agua.
La clave está en que el momento de apertura ya es la experiencia. No hay que "usar" nada. No hay que recordar guardarlo para más tarde. Abres, ves florecer y lees. En diez segundos ya sabes por qué alguien te lo mandó.
Además, funciona sin Internet. Una vez descargado el archivo, se puede abrir en modo avión, en el metro, en cualquier sitio. No depende de ningún servidor externo.
Y como está hecho solo con CSS, funciona en el visor de archivos de WhatsApp tanto en Android como en iPhone, donde los scripts de JavaScript no se ejecutan. La animación es 100% compatible porque usa solo las propiedades de animación nativas del navegador.
{{dedicatoria}} por "Para [nombre]", por ejemplo "Para Ana"{{mensaje}} por lo que quieras decir{{firma}} por cómo quieras firmarEl receptor lo abre y ve la rosa florecer con su nombre.
El momento obvio es el 23 de abril, día de Sant Jordi. Pero una rosa que florece con un mensaje personal no tiene fecha de caducidad. Funciona igual de bien para:
No hace falta una excusa. Una rosa que florece sola en la pantalla de alguien, con su nombre arriba y un mensaje que reconoce, es un gesto que se recuerda.
Sí, completamente. El archivo tiene tres campos que puedes cambiar libremente:
Dedicatoria — aparece arriba en letras pequeñas. Puede ser "Para ti", "Para María", "Para la persona más cabezota que conozco". Lo que encaje.
Mensaje — es el texto grande, el que se lee cuando la rosa ya ha florecido. Una frase o dos. Sin florituras. Cuanto más directo, mejor.
Firma — abajo, en cursiva y en tono más suave. El "— Tu dragón vencido 🐉" del ejemplo tiene su gracia porque conecta con la leyenda de Sant Jordi, pero puedes poner lo que quieras.
¿Funciona en todos los móviles? Sí. La animación usa CSS estándar compatible con todos los navegadores modernos. El visor de WhatsApp lo muestra correctamente en Android e iPhone.
¿Necesita conexión a Internet para abrirse? No. Una vez descargado, es un archivo local que funciona sin conexión.
¿El receptor necesita instalar algo? No. Solo abrir el archivo adjunto como haría con cualquier otro documento.
¿Se puede reenviar? Sí. Una vez que lo tiene, el receptor puede reenviarlo a quien quiera. Aunque si el mensaje es personal, quizás prefiera guardárselo para él.
¿La animación se repite? La flor florece una vez al abrir. Las partículas de fondo siguen animándose. Si quieres ver el florecimiento de nuevo, cierra el archivo y vuelve a abrirlo.
¿Puedo cambiar los colores? El archivo es editable. Si entiendes un poco de CSS, puedes cambiar los colores de los pétalos, el fondo o el texto. Si no, los colores por defecto —rojos y morados sobre fondo oscuro— ya tienen buena pinta.
Step by step
Right below you have the form with the texts you can customize (name, question, note…). Type whatever you want to appear in the code.
When you hit the button, we build your unique version of the code right in your browser. Nothing touches a server: the file is created and downloaded to your device instantly.
Open WhatsApp, attach it as a document and send. Whoever gets it opens it with one tap and sees the surprise full-screen in the chat’s built-in viewer.
And if you want, film it: these little things always make a great Instagram story.
Inspiration
Occasion
Anniversary
An unexpected little thing that costs nothing and means more than an expensive gift.
Occasion
Good-morning surprise
Send it first thing and make your person’s whole day.
Occasion
Making up
A clever little gesture opens doors better than a thousand words.
Occasion
Inside joke
Tweak the wording and land the perfect joke on a friend.
FAQ
No. You just need WhatsApp (or any app that can open an .html). Neither you nor the person receiving it installs anything.
Yes, both. WhatsApp on iOS and Android has a built-in file viewer that opens HTML with no issues.
Nothing. Every code in the catalog is free. We fund the site with ads.
No. The whole customization happens in your browser: the text you type is never sent to any server.
Fill in the fields with whatever you want in your code and hit the button. It’s built in your browser and downloads instantly.
More like this
Couples A fake satisfaction survey to rate your boyfriend — but it only accepts 5 stars. Try to give one star and the system fights back. One file, no app.
Couples Three hearts, one pick. They choose blind and the screen reveals the date plan you set — a getaway, a picnic, a shopping spree. One file, no app.
Couples An apology code where the No button runs away and only Yes works. Send it after a fight and watch them laugh before they forgive you. One file, no app.
Couples Las cortinas se abren y hay un mensaje. Porque hay cosas que se merecen una pantalla entera.