AI with Diego aiwithdiego.com ↗

AI with Diego · Motion Lab

Fluxi Motion Lab30 animaciones para tu web

Cada pieza viene con el prompt para hacerla tú. Lo copias, lo pegas en Claude y cambias a Fluxi por tu logo o tu mascota. Código propio de AI with Diego, con Fluxi de protagonista.

    01

    Fluxi te sigue

    Mueve el cursor y Fluxi te sigue en su hoverboard. Haz clic para que salte; tócalo y suelta chispas. En el teléfono, arrastra el dedo.

    Mueve el cursor
    02

    Footer que se cae

    Agarra una letra y lánzala. Fluxi aterriza encima; si le das con una letra, se cae y se vuelve a levantar.

    Pasa cuando quieras.

    hola@tallerguijarro.com
    03

    404 a la carrera

    Una página 404 que se puede jugar. Toca, haz clic o pulsa espacio para que Fluxi salte; mantén pulsado para saltar más alto.

    METROS0000 M RÉCORD0000 M RITMO1.0×

    Esta página
    salió corriendo.

    04

    Tarro de cookies

    Acepta, rechaza o arrastra las cookies una a una. El tarro lleva la cuenta de lo que has aceptado.

    Horneamos cuatro tipos. Quédate con las que quieras.

    Arrastra una cookie al tarro para activarla, o toca su nombre.

    05

    Pila de polaroids

    Lanza la foto de arriba fuera de la pila para leer la siguiente opinión. Si la sueltas despacio, vuelve a su sitio.

    Opiniones de clientes1 de 5
    “Pasamos de nueve pasos para reservar a tres.”
    Carmen Díaz · Peluquería Rizos
    “Los pedidos se duplicaron y el teléfono dejó de sonar a las seis de la mañana.”
    Tomás Rojas · Panadería El Horno
    “Ahora los pacientes reservan solos. Ya nadie llama para preguntar cómo.”
    Paula Núñez · Fisioterapia Costa
    “En mayo presupuestamos más trabajos que en toda la temporada pasada.”
    Óscar Bravo · Carpintería Bravo
    “Nos hicieron mejores preguntas que cualquier asesor que hayamos tenido.”
    Helena Barros · Telar Pequeño

    Lanza la foto de arriba fuera de la pila

    06

    Avión de papel

    Pulsa Enviar. El formulario se dobla solo en un avión de papel, da una vuelta por la pantalla y deja un matasellos donde estaba.

    Escribe a Estudio Faro

    Estudio Faro, Calle del Puerto 12, Valparaíso

    Respondemos en dos días hábiles.

    07

    Cinta del carrito

    Pulsa Añadir en un producto: viaja por la cinta hasta la caja del carrito. Pulsa varias veces seguidas y se ponen en cola.

    Papelería Alba
    Carrito: 0 productos

    Taza de cerámica

    Gres, caben 350 ml

    22 €

    Cuaderno de lino

    A5, 160 páginas punteadas

    18 €

    Pluma de latón

    Recargable, mejora con el uso

    34 €
    08

    Botones de gelatina

    Pulsa un botón y tiembla como una gominola. Agárralo y estíralo para ver cómo se deforma. Fluxi lo celebra desde la esquina.

    09

    Sticker holográfico

    Inclínalo con el cursor para que le dé la luz. Arrastra la esquina de abajo a la derecha para despegarlo.

    10

    Menú que salta

    Fluxi va montado en el menú. Haz clic en una pestaña y salta hasta ella; pasa el cursor por otra y te la señala. También funciona con las flechas del teclado.

    11

    Día y noche

    Pulsa el sol y toda la ladera se va a dormir. Fluxi también.

    12

    Balanza de precios

    Cambia a pago anual. Cae una pesa en el platillo, la balanza se inclina y los precios ruedan hacia abajo.

    Prueba

    Gratis

    Sin compromiso
    • 1 clase de prueba
    • Reserva desde la web
    • Esterilla incluida

    Flow

    pago mensualpago anual
    • 8 clases al mes
    • Reserva desde el teléfono
    • Congela tu plan un mes

    Libre

    pago mensualpago anual
    • Clases ilimitadas
    • Talleres de fin de semana
    • Trae a un amigo gratis
    13

    Footer con mapa

    Elige un estudio. El mapa vuela hasta allí y Fluxi te lleva andando. Pasa el ratón por las tarjetas o arrastra el mapa.

    Estudio Norte

    Yoga en tres ciudades. Elige un estudio y te llevamos andando.

    14

    Buzón de archivos

    Arrastra un sobre hacia el buzón: la puerta se abre para ti. Suéltalo dentro y Fluxi lo lleva hasta la imprenta. También puedes soltar archivos reales.

    Envía tus archivos a Imprenta Sur

    Suelta los archivos en la ranura o

    Enviado
    Enviado
    Enviado

    15

    Galería giratoria

    Arrastra el anillo para hacerlo girar. Haz clic en la tarjeta de delante para abrirla.

    Arrastra para girar

    Obra elegida 2026

    Noche de estrenoDiseño de escena · 2025
    07 / 12 Noche de estreno Diseño de escena · 2025 Ver proyecto
    16

    Jardín de contraseñas

    Escribe una contraseña. Cuanto más segura, más crece la planta, hasta que florece.

    Crea tu cuenta en Vivero Raíz

    Un solo acceso para tus pedidos, facturas y talleres.

    Fuerza: Semilla

    Empieza a escribir. Una buena contraseña hace crecer la planta.

    17

    Footer que florece

    Escribe tu correo y por cada letra crece una flor. Suscríbete y florecen todas a la vez. Fluxi lo vigila todo desde el borde del jardín.

    Siembra algo.

    Una carta cada viernes. Nada de spam.

    © 2026 Vivero La SemillaImpreso en cuatro tintas
    18

    Tirachinas para recargar

    Tira de la lista hacia abajo y suelta. La recarga sale disparada como un tirachinas, con Fluxi de proyectil, y cae una publicación nueva.

    Novedades

    Café Olivo · 6 personas

      19

      Menú a pantalla completa

      Abre el menú y un círculo naranja se come la página. Pasa el cursor por cada sección: una tarjeta te sigue con Fluxi dentro. Escape lo cierra.

      (Estudio) Independientes desde 2019

      Hacemoswebs quedan gusto.

      Canto es un estudio pequeño en Valparaíso. Diseñamos y construimos webs que a la gente le gusta abrir.

      Empieza un proyecto →
      Producto, marca y códigoValparaíso y en remotoBaja ↓

      Un estudio pequeño que hace webs que da gusto abrir.

      Agenda abierta para 2027
      20

      Footer breakout

      Un footer que se juega. Pasa el ratón por encima para tomar la pala y rompe todos los enlaces; con el teclado, flechas y espacio.

      PUNTOS00000
      © 2026 Librería Norte · hola@librerianorte.es00/24 LEÍDOS▶ PULSA PARA JUGAR
      FOOTER COMPLETO.Has leído todos los enlaces.
      21

      Rastro de imágenes

      Mueve el cursor por la página y deja un rastro de proyectos. Haz clic en uno para abrirlo. En el teléfono, arrastra el dedo.

      (15) Proyectos

      (Desde 2016)Un estudio independiente que hace vídeos de marca, escenografías e impresos para gente curiosa.

      / 15 — Cuaderno de campo
      Mueve para dibujar Clic para abrir Valencia y Santiago 2016–2026
      22

      Dock líquido

      Desliza por el dock y los iconos crecen como gotas. Haz clic en el icono de Fluxi y sale a saludarte.

      23

      Footer telón

      Arrastra la página hacia arriba o haz scroll para subir el telón y descubrir el footer. Fluxi te espera encima de la marca.

      © 2026 Hecho con AI with Diego
      24

      Menú que se transforma

      Pasa el ratón por el menú: un solo panel de cristal cambia de forma y tamaño para cada opción. Fluxi lo vigila desde abajo.

      25

      Banner de solapa

      La cabecera de una tienda hecha como un panel de salidas de aeropuerto. Pasa el ratón por el menú y haz clic en la barra de avisos.

      PUERTO NORTEArtículos de viaje · Desde 1962

      Salidas

      Hora local
      26

      Bento deslizante

      Pasa el cursor por las funciones: un solo marco luminoso se desliza a cada tarjeta y la despierta. En el teléfono, toca una tarjeta.

      Funciones

      Todo lo que una libreta debería hacer.

      Libreta es rápida, privada y tranquila. Fluxi te ayuda cuando se lo pides y luego se aparta.

      Escribe con FluxiPídele un primer borrador o una palabra mejor. La autoría sigue siendo tuya.
      Funciona sin conexiónCada palabra se guarda en tu dispositivo.
      Comparte con un clicEnvía un enlace y escribe con otros, en directo.
      Gráficos desde tus notasLos números de una nota se vuelven un gráfico. Sin hojas de cálculo.de Diario de escritura
      En todos tus dispositivosTeléfono, tableta, portátil y la web.
      Favorita de quien escribe4,9 estrellas en más de 6.000 reseñas.
      27

      Progreso a pluma

      Baja por el artículo: la pluma se llena de tinta y, al llegar al final, firma. Toca una marca de la pluma para saltar a ese apartado.

      Notas sobre leer despacio

      Diario de la Librería La Hoja · cuatro minutos de lectura

      I.El precio de la prisa

      Casi todo lo que llevamos en el bolsillo está hecho para que lo miremos. Avisos, globos rojos, un número que nunca termina de irse. Cada uno parece pequeño y razonable, y juntos convierten cualquier rato libre en una lista de cosas pendientes.

      Un invierno contamos cuántas veces nos interrumpían mientras atendíamos la tienda. Solo el programa de pedidos mandaba once avisos antes de que llegara una caja. Ninguno era falso. La mayoría, sencillamente, sobraba.

      II.Cómo se ve la calma

      Un libro tranquilo te dice dónde estás y luego se aparta. Recuerda la página en la que lo dejaste. No te pide nada a cambio de seguir leyendo, ni te felicita por haber llegado al capítulo tres.

      Calma no es lo mismo que vacío. Una mesa de novedades puede tener cincuenta títulos, siempre que el más importante salte a la vista y los demás esperen su turno. El orden hace más por la calma que el espacio en blanco.

      III.Dejar espacio

      La rapidez sigue importando, pero la que se siente no es la que se mide. Una página que tarda un poco y se queda quieta parece más rápida que otra que carga al instante y luego salta mientras intentas tocarla.

      Por eso, cada vez que montamos un escaparate nos hacemos una pregunta sencilla: ¿cómo sería si nadie intentara llamar tu atención? La respuesta suele ser más corta, más silenciosa y más fácil de creer. Creemos que vale la pena ir despacio por eso.

      El equipo de La Hoja

      28

      Estado vacío con rodadera

      Una búsqueda sin resultados. Escribe en el buscador y brotan cactus; toca la rodadera para darle una patada.

      29

      Barra de comandos

      Haz clic en Buscar o pulsa ⌘K. La píldora crece hasta ser una paleta: escribe, muévete con las flechas y pulsa Enter.

      30

      Carga con revelado

      Mira cómo carga la página y se levanta como un telón. Luego Fluxi entra caminando y saluda. Toca el escenario para verlo otra vez.

      BicisTallerRutas Reservar

      Cargada en 2,7 s

      Todo listo para ti.

      Baja

      ¿Hacemos la tuya? Con chispa.

      Si quieres una de estas en tu web, una a medida o que tu web entera se sienta viva, escríbeme. Te lo dejo instalado, sin que toques código. Te respondo yo, no un bot.

      Hablemos en aiwithdiego.com ↗ diego@aiwithdiego.com