Nuevo
Premium
Sitios cinemáticos con IA, sin fricción
Copia un prompt, pégalo en tu IA y construye una web con la dirección de arte, el ritmo y el movimiento ya decididos.
Layers nuevos de forma regular
Ver plantillasPrompts de webs inmersivas
Prompts de escenas 3D
Prompts de secciones interactivas
Prompts de barras de navegación
Prompts de fondos animados
Prompts de gradientes interactivos
Un prompt, de la idea a la interfaz
Todo lo que necesitas para construir una web cinemática con IA.
Cinco tipos de layer
Cada uno se entrega como un prompt que puedes copiar.
01
Plantillas
Landings completas, con su movimiento incluido: el tipo de pieza que normalmente se encarga a un estudio.
02
Escenas 3D
WebGL en tiempo real — partículas, fluidos, terreno.
03
Secciones
Bloques de página autocontenidos que llegan con su movimiento ya cableado.
04
Navbars
Cabeceras y barras laterales con su comportamiento completo: scroll, menús, teclado y móvil, no solo el dibujo.
05
Fondos
Telones de fondo animados y estáticos, listos para ponerse detrás de lo que construyas.
06
Gradientes
Gradientes que reaccionan al puntero en WebGL puro, alrededor de un kilobyte.
prompt → tu proyecto
Copia el prompt de un layer, pégalo en tu agente y recibe una página HTML autocontenida. Después la sueltas en tu proyecto, o le pides que la reconstruya en tu framework con una línea más.
Leer la documentaciónEscenas y gradientes con sus números a la vista
Cada prompt trae los valores escritos: colores, velocidades, densidades. Cámbialos antes de pegarlo y la pieza sale con los tuyos.
Para quién es
Licencia comercial · sin atribución · sitios ilimitados
Desarrollo independiente
Acelerar una landing
Una plantilla trae el hero, las secciones y el movimiento ya resueltos y con sus números. Cambias el copy y la paleta, y lo que queda por decidir es tu producto, no la maquetación.
Obsidiana es gratuita: pruébala antes de pagar nada.
Ver ObsidianaFreelance
Añadir una escena WebGL al proyecto de un cliente
Las escenas 3D son prompts de un solo bloque: un fluido, un terreno, partículas. Tu agente la monta detrás del hero del cliente, y la licencia cubre el trabajo de cliente sin atribución.
Corriente: un fluido en la GPU que se aparta del texto.
Ver CorrienteEstudios pequeños
Crear una pieza visual para un cliente
Las webs con fotos traen cada imagen especificada con su prompt para generarla, así que el equipo puede adaptarla al cliente de principio a fin. Con el MCP, el agente del equipo busca y trae los layers él solo.
Plano: el piso de una promoción que se recorre desde su plano.
Ver PlanoImagina tu propio agente
con todo esto dentro
Conecta el MCP de Scrollwork y tu agente busca y trae los prompts él solo.
1
Buscar en la librería
«Busca una escena 3D con agua» y te devuelve las piezas que encajan.
2
Traer el prompt
Lee el prompt completo de la pieza que elijas, sin copiar ni pegar.
3
Montarlo en tu código
Con el prompt delante, la construye directamente en tu proyecto.
Cada layer, en un solo sitio
Una librería de prompts de diseño que crece de forma regular.
Preguntas
frecuentes
Sí: cuatro layers completos con el prompt entero, sin tarjeta y sin cuenta, hasta dos copias al día. Cada uno trae su pieza de referencia en vivo, así que puedes comparar lo que construye tu IA antes de decidir.
Pulsa Copiar prompt y pégalo en lo que sea que escriba tu código: Claude, ChatGPT, Cursor, Copilot, Lovable, Bolt o v0. Construirá su versión del layer: la misma estructura y el mismo movimiento, no una copia al píxel. Si tu agente admite MCP, conéctalo y lo buscará y traerá él solo.
Sí. Un prompt es lenguaje estructurado, no código, así que no está atado a ningún framework ni proveedor. Por defecto construye un HTML autocontenido; añade una línea y tu IA lo hace en Next.js, Astro, Vue o WordPress.
No lo verás, y ese es el punto. Un layer es un cimiento, no una web terminada para un sector: lo que te llevas es el movimiento, la profundidad y el oficio; el tema lo pones tú. Busca por la sensación que quieres, no por tu nicho.
Cámbialo entero. El prompt es texto: ajusta los valores que quieras antes de pegarlo y a partir de ahí es tu IA y tus palabras — colores, copy, secciones, layout.
Sí. Con cualquier plan de pago: licencia comercial para proyectos propios y de clientes, sin atribución y sin límite de sitios. No permite revender ni redistribuir los prompts o el código tal cual. Los layers gratuitos son para probar el producto: conviértelos en algo tuyo en vez de publicarlos intactos.