Saltar al contenido principal
Scrolltide

Scrolltide: plantillas web cinematográficas con scroll y biblioteca de prompts de diseño

diseño webpromptsanimación al hacer scrollplantillas frontend

Una biblioteca de prompts con plantillas web, componentes y shaders basados en el scroll. Copias un prompt, lo pegas en tu IA y sale un sitio que de verdad se mueve, no una página que se nota hecha por una IA.

★ 9 Última actualización: 2026-11-08 scrolltide.co
Visitar sitio web

Introducción detallada

Qué es Scrolltide

Scrolltide es una biblioteca de recursos pensada para flujos de trabajo en los que se construye web con IA. Lo que entrega no es un montón de archivos de Figma, sino prompts que puedes pasarle directamente a la IA: copias uno, lo pegas en Claude, Cursor o cualquier agente de código y lo que sale es una página completa con animaciones ligadas al scroll ya montadas.

Su posicionamiento es muy explícito: que tu web no parezca hecha por una IA. El problema existe de verdad, porque la mayoría de las landing pages generadas acaban siendo el mismo titular centrado con tres tarjetas, y Scrolltide nace justamente para romper ese patrón.

Qué hay en la biblioteca

El sitio se organiza en tres bloques:

  • Plantillas de página: 143, con hero sections, landing pages completas, portafolios, ecommerce y fondos de sitio en 3D. La mayoría están marcadas como Premium.
  • Componentes: 85, que puedes usar por separado dentro de un proyecto que ya tengas en marcha, como pestañas con efecto glass, navbars que se transforman, acordeones en tarjetas, globos de partículas o botones con anillo luminoso.
  • Shaders: 55 fondos animados por GPU con estilos de degradado, aurora, metal líquido y fuego, entregados como MP4, imágenes fijas y componentes insertables.

Cada pieza tiene vista previa en vivo, así que puedes valorar el movimiento antes de decidir.

Stack y forma de entrega

Las plantillas se apoyan en React, Vite, Next.js y Tailwind CSS; la capa de animación usa Framer Motion, GSAP y Lenis para el scroll suave, y la parte de 3D y fondos se resuelve con Three.js, WebGL y shaders propios. Al comprar obtienes código fuente legible, no una caja negra comprimida.

Para quién es

Para desarrolladores independientes, ingenieros de diseño y equipos que hacen proyectos por encargo, sobre todo si necesitan una página de marketing con acabado cuidado en poco tiempo y sin ponerse a ajustar animaciones desde cero. Si solo haces páginas estáticas o tu presupuesto de rendimiento es muy ajustado, conviene que valores tú mismo el coste de estas animaciones de scroll.

Footer Design: galería de referencias de pies de página de alta calidad

Biblioteca de inspiración para pies de página clasificada por tipo y estilo, desde los tipográficos o ilustrados hasta los de rejilla, tarjetas o con animación, con selección editorial y enlace al sitio original.

diseño webdiseño de pie de páginainspiración de diseño

Navbar Gallery: una biblioteca enorme de inspiración para barras de navegación

Galería de inspiración dedicada en exclusiva al diseño de barras de navegación, con filtros por tipo (estáticas, desplegables, Mega Menu, laterales, con buscador y más) y enlace directo al sitio original para ver la implementación real.

diseño webbarra de navegacióninspiración de diseño

shadcn/ui: Construye Tu Biblioteca de Componentes

Componentes de diseño atractivo que puedes copiar y pegar en tus aplicaciones. Accesibles. Personalizables. De código abierto.

develop

Variant: escribe una idea y desplázate por infinitas direcciones de diseño

Escribe la idea de una app o de un sitio y desplázate por direcciones de diseño sin fin. Sin lienzo y sin bucle de prompts, paras cuando un diseño te engancha. Exporta a HTML o a React.

diseño con IAgeneración de interfacesinspiración de diseño

Anime.js: Biblioteca de animación JavaScript ligera

Anime.js es una biblioteca de animación JavaScript eficiente que soporta animaciones para HTML, SVG, CSS y más, ideal para desarrolladores front-end y diseñadores que buscan implementar rápidamente efectos de animación en la web para mejorar la experiencia del usuario.

desarrollo front-enddiseño web

Stockimg AI | Generador de Fotos con IA: Logo, Arte, Imagen de Stock, Ilustración

Stockimg es una herramienta todo en uno para diseño y creación de contenido impulsada por IA. Puedes generar fácilmente logos, ilustraciones, fondos de pantalla, posters y más.

ai