Plantillas gratuitas de páginas de aterrizaje

Aniq-UI ofrece cuatro plantillas gratuitas de landing page en Next.js: un portafolio para agencias de diseño web, un sitio de empresa, una landing page SaaS con precios y una landing page de producto en 3D. Cada una es un sitio de una sola página en inglés y árabe que descargas en un ZIP con tu nombre y tu correo, y que ejecutas con Docker o con Node.js 22 en el puerto 3030. Desde su versión del 24 de octubre de 2026, las cuatro usan Next.js 15.5.28; tres tienen licencia MIT y la plantilla 3D incluye una licencia comercial para proyectos ilimitados.

Crear una página de aterrizaje de alta conversión desde cero requiere tiempo y experiencia en diseño. Por eso te regalamos tres plantillas gratuitas, totalmente responsivas y construidas con Next.js 15.2.4 y Tailwind CSS. Ya sea que tengas una agencia creativa, un sitio corporativo o lances un producto SaaS, estas páginas te ayudarán a estar en línea en minutos.

¿Por qué usar Next.js 15.2.4 + Tailwind CSS para páginas de aterrizaje?

1. Velocidad y SEO: Renderizado del lado del servidor (SSR) y generación de sitios estáticos (SSG)
2. Estilizado utilitario: Tailwind CSS permite crear diseños complejos sin CSS personalizado
3. Cero configuración: Enrutamiento, optimización de imágenes y recarga rápida integrados
4. Componentes modulares: Secciones reutilizables y personalizables

1. Plantilla gratuita de página de diseño web

Tecnologías:

1. Next.js 15.5.28
2. React 19
3. Tailwind CSS 3
4. TypeScript

Características clave:

1. Sección principal con botón de llamada a la acción
2. Portafolio en cuadrícula con previsualización
3. Carrusel de servicios y testimonios
4. Formulario de contacto con validación
5. Totalmente responsiva en todos los dispositivos

Enlaces:

1. Demo en vivo
2. Descargar gratis

2. Plantilla gratuita de sitio corporativo

Tecnologías:

1. Next.js 15.5.28
2. React 19
3. Tailwind CSS 3
4. TypeScript

Características clave:

1. Secciones limpias de “Cómo funciona” y funciones en pestañas
2. Carrusel de testimonios y cuadrícula de integraciones
3. Tablas de precios y comparación de características
4. Sección de blog destacada
5. Código optimizado para SEO

Enlaces:

1. Demo en vivo
2. Descargar gratis

3. Plantilla gratuita de página SaaS

Tecnologías:

1. Next.js 15.5.28
2. React 19
3. Tailwind CSS 3
4. TypeScript

Características clave:

1. Sección principal con destacados dinámicos
2. Planes de precios con tabla comparativa de funciones
3. Sección opcional de newsletter (conectada a tu propia API)
4. Sección de integraciones con diez logos de herramientas
5. Logos de clientes y métricas de éxito

Enlaces:

1. Demo en vivo
2. Descargar gratis

🚀 Primeros pasos

Instalación del tema

Cada plantilla sigue el mismo proceso de instalación y personalización:

# Clona el repositorio de la plantilla
git clone <repository-url>
cd <repo-name>

# Instala las dependencias
corepack enable
yarn install

# Ejecuta el servidor de desarrollo
yarn dev

Reemplaza <repo-name> con el nombre de la carpeta de la plantilla que descargaste.

💎 Plantillas premium

¿Buscas páginas de aterrizaje más avanzadas? Mira nuestras opciones premium a continuación.

1. Plantilla premium de página SaaS

Tecnologías:

1. Next.js 16.4.2
2. React 19
3. Tailwind CSS 4
4. TypeScript

Obtener plantilla premium →

2. Plantilla premium de página SaaS 2

Tecnologías:

1. Next.js 16.4.2
2. React 19
3. Tailwind CSS 4
4. TypeScript

Obtener plantilla premium →

💡 Siguientes pasos y personalización

1. Personaliza tu marca: Cambia colores, fuentes e imágenes.
2. Extiende: Agrega secciones como preguntas frecuentes, equipo o blog.
3. Despliega: Aloja en Vercel, en cualquier servidor con Node.js o como imagen de Docker.

¡Disfruta estas plantillas gratuitas y acelera el lanzamiento de tu proyecto web! Si necesitas ayuda para personalizarlas, escríbenos desde el formulario de contacto del sitio de Aniq-UI.

Todas estas plantillas se descargan gratis en Aniq UI: consigue la plantilla de landing page 3D, la plantilla de landing page para agencias de diseño web, la plantilla de landing page SaaS o la plantilla de sitio web corporativo, y encuentra todas las plantillas de landing page Next.js en un solo lugar.

Las cuatro plantillas gratuitas de Aniq-UI hoy

Cada una de las cuatro plantillas gratuitas es un sitio Next.js de una sola página con React 19 y TypeScript, en inglés (/en) y árabe (/ar, de derecha a izquierda), servido en el puerto 3030. Se publicaron primero con Next.js 15.2.4 y pasaron a Next.js 15.5.28 en su versión del 24 de octubre de 2026; las listas de tecnologías de arriba muestran las versiones actuales.

Plantilla de portafolio para agencias de diseño web

MONO es un sitio oscuro, en blanco y negro y de estilo brutalista, para una agencia de diseño o desarrollo web: una portada con dos botones, cuatro tarjetas sobre el enfoque de la agencia, cuatro proyectos, cinco pasos de trabajo, tres opiniones de clientes, tres planes de precios con opción mensual o anual y una sección de contacto con un formulario que valida sus campos.

• Tecnologías: Next.js 15, Tailwind CSS 3, next-intl, Motion, React Hook Form con Zod, TanStack Query.
• A tener en cuenta: el formulario de contacto no envía nada hasta que defines NEXT_PUBLIC_API_BASE_URL; entonces envía los mensajes a /contact en tu propia API.
• Ideal para: agencias y freelancers. Licencia MIT. Consulta la plantilla de portafolio para agencias de diseño web y su documentación.

Plantilla de sitio de empresa

NOVA es una landing page para un producto de IA con diez secciones, entre ellas cuatro pasos de «cómo funciona», cuatro pestañas de funciones, doce logos de integraciones, un carrusel de opiniones, tres tarjetas de blog, precios con opción mensual o anual y seis preguntas frecuentes.

• Tecnologías: Next.js 15, Tailwind CSS 3, next-intl, Framer Motion, Radix UI, Embla Carousel.
• A tener en cuenta: no hay formulario ni back end, y el único ajuste es NEXT_PUBLIC_SITE_URL. Las fotos se cargan desde images.unsplash.com y la mayoría de los logos desde cdn.simpleicons.org.
• Ideal para: una empresa o una startup de software. Licencia MIT. Consulta la plantilla de sitio de empresa y su documentación.

Plantilla de landing page SaaS con precios

SaasPro es una página siempre oscura para un producto de software, con seis tarjetas de funciones, cuatro pasos, tres testimonios, tres planes mensuales, una tabla comparativa de planes, diez logos de integraciones, seis preguntas frecuentes y tres tarjetas de blog.

• Tecnologías: Next.js 15, Tailwind CSS 3, next-intl, Framer Motion, Radix UI.
• A tener en cuenta: la sección de newsletter viene en el código, pero no aparece en la página hasta que la añades; envía el correo a /newsletter/subscribe en tu propia API. Los precios son mensuales y en dólares estadounidenses por defecto.
• Ideal para: un producto SaaS que vende planes. Licencia MIT. Consulta la plantilla de landing page SaaS y su documentación.

Plantilla de landing page 3D

Un sitio de una sola página para una marca de zumos. Una rueda 3D de cuatro latas gira con la rueda del ratón, las flechas del teclado o los botones de flecha, y la página adopta los colores del sabor que está delante, con frutas flotantes, cubitos de hielo y una onda de agua bajo el puntero.

• Tecnologías: Next.js 15, Tailwind CSS 4, React Three Fiber con Three.js y Drei, GSAP, next-intl.
• A tener en cuenta: no lee variables de entorno e incluye todos los archivos que carga, modelos 3D incluidos. El formulario de inicio de sesión y el carrito son de demostración. Cada lata es un modelo .glb cuya etiqueta cambias en Blender, y los visitantes necesitan WebGL.
• Ideal para: un solo producto, como una bebida, o para aprender Three.js en Next.js. Gratis, con la licencia comercial de Aniq-UI. Consulta la plantilla de landing page 3D y su documentación.

Comparar las plantillas gratuitas

Cómo elegir

• Vendes un servicio: el portafolio de agencia, el único de los cuatro con un formulario de contacto listo para enviar a tu API.
• Vendes software por planes: la página SaaS si quieres una tabla comparativa de planes, o el sitio de empresa si quieres elegir entre precio mensual o anual.
• Vendes un solo producto físico: la página 3D, si puedes preparar un modelo 3D con tu etiqueta.
• Necesitas guardar pedidos, registros o pagos: ninguna plantilla gratuita tiene back end; mira las opciones de pago más abajo.

Cómo ejecutar una plantilla gratuita en local

1. En la página de la plantilla, pulsa Obtener Gratis, escribe tu nombre y tu correo y pulsa Reclamar. Se abre tu panel, con el ZIP en Mis plantillas.
2. Descomprímelo y abre una terminal en su carpeta (landing-page-template-1, -2, -3 o juicy).
3. Con Docker Desktop, compila e inicia la imagen, y abre http://localhost:3030.

docker build -t my-site .
docker run -p 3030:3030 my-site

Sin Docker, usa Node.js 22 o posterior. corepack enable se ejecuta una vez por ordenador, para que yarn use la versión de Yarn 4 que fija la plantilla.

corepack enable
yarn install
yarn dev

Si el puerto 3030 está ocupado, ejecuta docker run -p 3041:3030 my-site o yarn dev -p 3041 y abre http://localhost:3041.

Cómo publicarla

En las plantillas de agencia, empresa y SaaS, define NEXT_PUBLIC_SITE_URL con tu dirección antes de compilar: el enlace canónico, los enlaces de idioma y las tarjetas para compartir la usan. La plantilla 3D no necesita variables.

• Vercel: sube la carpeta a un repositorio Git, impórtalo y deja los ajustes por defecto. Añade ENABLE_EXPERIMENTAL_COREPACK=1 para que Vercel instale la versión de Yarn 4 fijada.
• Un servidor con Node.js: corepack enable, yarn install, yarn build, yarn start, con Nginx o Caddy delante para tu dominio y HTTPS.
• Docker: la misma imagen funciona en producción. Pasa los ajustes NEXT_PUBLIC_ como --build-arg, porque se escriben al compilar.

Antes de publicar, sustituye los proyectos, opiniones, precios y datos de contacto de ejemplo, y da destinos reales a los botones y enlaces.

Qué permite la licencia gratuita

• Plantillas de agencia, empresa y SaaS: licencia MIT. Puedes usarlas, modificarlas, publicarlas y vender copias, también en sitios de clientes, siempre que el aviso de copyright y de permiso acompañe al código.
• Plantilla 3D: la licencia comercial de Aniq-UI cubre proyectos ilimitados, tuyos o de un cliente, y puedes modificar el código. No puedes revender ni compartir el código fuente, venderlo como plantilla, kit de UI, tema o starter kit, atribuirte su autoría ni incluirlo en un proyecto de código abierto.

Cada descarga y la documentación de cada plantilla incluyen la licencia. Léela antes de publicar.

Cuándo conviene una plantilla de pago

Elige una plantilla de pago de Aniq-UI si necesitas más páginas, un tema claro o un producto real detrás de la página:

• Plantilla de landing page Next.js (Publino): Next.js 16, una página de inicio, una página de precios con planes mensuales y anuales y una página de contacto, con temas oscuro y claro.
• Plantilla SaaS de Next.js (SaaS Pro): Next.js 16, con páginas de precios, blog, contacto e inicio de sesión, y páginas legales.
• Plantillas full-stack que combinan un sitio público con un panel de administración: la plantilla de restaurante con pedidos online, la plantilla inmobiliaria con panel de agencia, la plantilla de e-commerce con panel de administración y la plantilla LMS con clases en vivo.

Publino y SaaS Pro permiten proyectos comerciales ilimitados, trabajo para clientes incluido. Los precios están en la página de cada plantilla.

Preguntas frecuentes

¿Son realmente gratuitas estas plantillas de landing page?

Sí. Las cuatro no cuestan nada. Recibes el código fuente completo en un ZIP después de escribir tu nombre y tu correo en la página de la plantilla.

¿Puedo usar una plantilla gratuita para el sitio de un cliente?

Sí. Las plantillas con licencia MIT lo permiten si el aviso de copyright se queda en el código. La licencia de la plantilla 3D también cubre el trabajo para clientes, pero no puedes revenderla como plantilla ni compartir su código fuente.

¿Qué versión de Next.js usan las plantillas gratuitas?

Next.js 15.5.28 con React 19 y el App Router, desde la versión del 24 de octubre de 2026. Publino y SaaS Pro usan Next.js 16.

¿Necesito Docker para ejecutarlas?

No. Basta con Docker Desktop, o con Node.js 22 o posterior y Yarn 4 mediante Corepack. En ambos casos el sitio se abre en http://localhost:3030.

¿Las plantillas gratuitas incluyen un back end?

No. El formulario de contacto de la plantilla de agencia y el de newsletter de la plantilla SaaS no envían nada hasta que los conectas a tu propia API, y el formulario de inicio de sesión y el carrito de la plantilla 3D son de demostración.

¿Admiten árabe y diseño de derecha a izquierda?

Sí. Cada una viene en inglés en /en y en árabe en /ar, de derecha a izquierda, y su guía de idiomas explica cómo añadir otro.

Guías relacionadas

• Mejores plantillas de landing page Next.js 2026: gratis y premium
• Plantilla gratuita de página de aterrizaje 3D para sitios de jugos, bebidas y marketing de productos
• Cómo lanzar un sitio web SaaS en inglés y árabe con Next.js
• Mejores plantillas SaaS para Next.js y starter kits en 2026
• Mejores plantillas Next.js para 2026: gratis y premium