Catálogo en vivo · Actualizado hoy
Sant Jordi: la rosa que se abre
Pareja Ref. sant-jordi-rosa-libro-2026

Sant Jordi: la rosa que se abre

Una rosa CSS que se abre al pulsarla y revela un libro con tu dedicatoria. Para enviar por WhatsApp el 23 de abril.

“Le mandé esto a mi novia por Sant Jordi y se derritió 🌹📖”
Formato
Archivo .html
Tamaño
< 50 KB
Tecnología
HTML + CSS
Precio
Gratis
Personalizable
Sí · 5 campos
Compatible
iOS · Android
Ir a la descarga

Una rosa que se abre y un libro que se escribe para ella

Sant Jordi es la única fecha del año en la que regalar una rosa y un libro a la persona que quieres se siente, a la vez, tradición y declaración. Este código nace de esa idea: condensar el gesto entero —la rosa que se abre, el libro que se abre detrás— en un archivo HTML que cabe en un mensaje de WhatsApp y que la otra persona puede abrir desde el sofá, desde el metro o desde la mesa del trabajo, sin esperar a llegar a casa.

Cuando lo abre, ve una rosa cerrada latiendo despacio sobre un fondo rojo profundo, con pétalos cayendo. Pulsa la rosa y los seis pétalos se separan en cámara lenta, dejando al descubierto un corazón dorado que palpita más fuerte. Justo debajo aparece un libro abierto con la dedicatoria que tú hayas escrito. Cero ruido, cero distracciones, una escena diseñada para que la lea dos veces.

¿Por qué funciona este código?

Sant Jordi tiene una palanca emocional rarísima: es romántico sin ser cursi, porque está envuelto en una tradición compartida. Regalar una rosa el 23 de abril no compromete a nada, pero acompañarla de un libro —o de un mensaje escrito como si fuera un libro— sí que dice algo. Este código aprovecha exactamente ese hueco: parece un detalle ligero, pero en cuanto la persona pulsa la rosa y aparece el libro, el tono cambia y el mensaje pesa.

El segundo motivo por el que funciona es la sorpresa visual. La rosa de la primera escena no parece interactiva: parece simplemente una ilustración bonita. Cuando los pétalos se abren, la persona se da cuenta de que esto no es un meme reenviado a quinientos contactos, sino algo hecho a propósito para ella. Esa diferencia es la que provoca la captura de pantalla y, con suerte, el reel que lo lleva a otras parejas.

Cómo personalizarlo

Antes de descargarlo puedes cambiar todo lo que importa sin tocar una línea de código:

  • El título que ve al abrir el archivo, por defecto “Para ti, en Sant Jordi”.
  • El subtítulo corto que invita a pulsar la rosa.
  • El título del libro, una sola línea para ponerle nombre al capítulo dedicado a ella o a él.
  • La dedicatoria larga, hasta 260 caracteres, donde puedes escribir lo que de verdad le quieres decir.
  • La firma al final, normalmente tu nombre o un apodo vuestro.

Cuando rellenas los campos en bassedastech.com y pulsas descargar, te llevas un archivo HTML con tus textos ya dentro. No necesita conexión, no necesita app, no necesita registro. Lo abre desde WhatsApp, Telegram, correo o desde el navegador del móvil sin instalar nada.

Ideas para usarlo

  • Mandárselo a tu pareja la mañana del 23 de abril, antes incluso de regalarle la rosa de verdad.
  • Acompañar el regalo físico de un libro con esta versión digital, como prólogo.
  • Enviarlo a una pareja a distancia que ese día no podrá tener la rosa en la mano.
  • Recuperar un Sant Jordi importante de hace años y reescribir el mensaje como aniversario privado.
  • Usarlo como propuesta para una primera cita: “léelo cuando llegues a casa”.
  • Regalárselo a una madre, una hermana o una amiga muy querida cambiando la firma y el tono.

Preguntas frecuentes

¿Funciona en iPhone y Android? Sí. El archivo es HTML y CSS puros, sin JavaScript, sin librerías y sin recursos externos. Se abre en el visor de WhatsApp, en Safari, en Chrome y en cualquier navegador del móvil sin pedir permisos.

¿Tiene algún coste? No. Descargar el código es gratis. BassedasTech se mantiene con publicidad de la propia web, no del archivo que te llevas.

¿Se puede enviar por Instagram? Por DM directo no porque Instagram no acepta archivos HTML, pero puedes subirlo a tu Drive o WeTransfer y compartir el enlace, o enviarlo por WhatsApp y pedirle a la persona que comparta una captura.

¿Puedo cambiarlo después de descargarlo? Sí, abriendo el archivo con cualquier editor de texto puedes ajustar los textos. Si prefieres no tocar código, vuelve a la página, cambia los campos y descárgalo otra vez.

¿Por qué no usa JavaScript? Porque el visor interno de WhatsApp lo bloquea. Toda la magia visual de este código está hecha con animaciones CSS, transformaciones 3D y selectores avanzados, justo para que funcione en ese visor sin caerse.

Paso a paso

Así lo envías en menos de 2 minutos

  1. 01

    Rellena los campos

    Abajo del todo tienes el formulario con los textos que puedes personalizar (nombre, pregunta, dedicatoria…). Escribe lo que quieras que aparezca en el código.

  2. 02

    Descarga el archivo

    Al pulsar el botón, generamos tu versión única del código directamente en tu navegador. No pasa por ningún servidor: el archivo se crea y se descarga en tu dispositivo al instante.

  3. 03

    Envíalo por WhatsApp

    Abre WhatsApp, adjuntalo como documento y mándalo. Quien lo reciba lo abre con un toque y ve la sorpresa a pantalla completa en el visor integrado del chat.

  4. 04

    Disfruta la reacción

    Y si quieres, grábala: estos detalles siempre funcionan como historia para subir a Instagram.

Inspiración

Ideas para usar este código

  • Ocasión

    Aniversario

    Un detalle inesperado que no cuesta nada y hace más que un regalo caro.

  • Ocasión

    Buenos días sorpresa

    Mándalo a primera hora y alegra el día a quien más quieres.

  • Ocasión

    Reconciliación

    Un gesto con ingenio suele abrir puertas mejor que mil palabras.

  • Ocasión

    Broma entre amigos

    Adáptalo con tono de cachondeo y cuela la broma perfecta.

Preguntas frecuentes

Dudas habituales

¿Necesito instalar algo? +

No. Solo necesitas WhatsApp (o cualquier app que pueda abrir un .html). Ni tú ni la persona que lo reciba instaláis nada.

¿Funciona en iPhone y Android? +

Sí, en los dos. WhatsApp en iOS y Android tiene visor de archivos integrado que abre HTML sin problemas.

¿Cuánto cuesta? +

Nada. Todos los códigos del catálogo son gratis. Nos financiamos con anuncios en la web.

¿Podéis ver lo que escribo en el formulario? +

No. Todo el proceso de personalización ocurre en tu navegador: los textos que escribes nunca se envían a ningún servidor.

Descarga

Personaliza y descarga

Rellena los campos con lo que quieras que aparezca en tu código y pulsa el botón. Se genera en tu navegador y se descarga al instante.

Del mismo tipo

Más pareja

Ver todos →