Aether — Estudio de Campo Profundo
Estudio planetario de espacio profundo: un planeta bajo el pliegue se escala más allá del viewport, revelando un sobrevuelo orbital interactivo con cuatro mundos y transiciones bruscas.
Previsualiza sitios listos para producción, personaliza el contenido con chat y edición al hacer clic, o descarga el proyecto completo como ZIP.
Estudio planetario de espacio profundo: un planeta bajo el pliegue se escala más allá del viewport, revelando un sobrevuelo orbital interactivo con cuatro mundos y transiciones bruscas.
Sitio de producto de estudio de luz de seis páginas para ciclomotores eléctricos: tarjetas UI flotantes, giradiscos 360° controlado por scroll, secuencia de piezas despiezadas, selector de acabados en vivo y transiciones de página tipo cortina.
Cálido archivo editorial de artefactos: una tipografía serif se divide, las tarjetas de artefactos vuelan al hueco, colapsan en una pila de siete objetos controlada por scroll, y un cierre arquitectónico a sangre completa.
Lanzamiento automotriz cinematográfico: una funda de seda se levanta del coche al hacer scroll, seguido de una carrera por el desierto donde el coche pasa por delante y por detrás de un logotipo a pantalla completa.
Un portal de piedra a seis mundos: el arco permanece fijo mientras el mundo cambia a través de una máscara en forma de arco que se abre, inundando la pantalla a sangre completa.
Lanzamiento de micro-dron autónomo: el producto aterriza entre tipografía gigante, se despliega con el scroll mostrando anotaciones, y la página invierte de oscuro a claro a mitad de scroll.
Landing page de marca de pruebas de ADN: una doble hélice WebGL fija en un vacío azul marino; el scroll mueve la cámara a lo largo de la hebra mientras los bloques de texto se revelan línea por línea.
Startup de búsqueda de conocimiento en el lugar de trabajo con IA: una escena de partículas fijas de miles de sprites triangulares se transforma (cerebro → nube → bombilla → globo → marca) al hacer scroll por manifiesto, equipo, inversores y CTA.
Slider hero de casa de moda: un escenario de producto a pantalla completa con transiciones de imagen WebGL, miniaturas de vídeo y previsualizaciones de próximos looks para las piezas stella, loria y mira.
Vídeo de lanzamiento para una app de foto a dibujo animado, reorganizado en secciones fijas controladas por scroll: fondo negro puro, tipografía neón pastel, muro de imágenes, rueda giratoria y logotipo final.
Promoción de evento con gráficos en movimiento 2D ilustrados: movimientos de cámara bruscos y transiciones enmascaradas entre siete momentos, paleta magenta/amarillo hi-vis/menta, lista de presentadores y CTA de transmisión en vivo.
Secuencia de títulos de drama animada, reescenificada como micrositio controlado por scroll: momentos de personajes 2D planos, fórmulas dibujadas a mano, tarjetas de reparto, lista de episodios y CTA para ver.
Listado curado de mercado de hipercoches: un escenario fijo que alterna entre vídeos de órbita, bahía y empuje del Enzo, seguido de una ficha de detalles con especificaciones y un CTA para contactar al vendedor.
Landing de newsletter monocromática negra con UI de cristal líquido, revelación de palabras por scroll, tarjetas de plataforma y vídeo CTA HLS.
Landing de IA oscura a pantalla completa con vídeo hero de CloudFront, titular General Sans de 220px, gradiente de IA índigo→púrpura→ámbar, barra de navegación de cristal líquido y marquesina de logo, y bucle de desvanecimiento requestAnimationFrame.
Landing de stablecoin fintech premium sobre #F5F5F5 con TT Norms Pro, vídeo hero, tarjetas de ahorro, marquesina de patrocinadores y panel de casos de uso de Comercio.
Hero de logística con tipografía Rubik, rojo de marca #EE3F2C sobre negro, vídeo CloudFront a pantalla completa (sin superposición), CTAs con esquinas recortadas y tarjeta de consulta de cristal.
Landing de dos secciones con scroll, vídeo hero de Cloudinary, tipografía Manrope/Italiana/Marck Script, parallax de nube roja (#FF0000), firma S.P.D y transformaciones de scroll con motion/react.
Hero negro a viewport completo con Spline 3D de carga diferida, titular con gradiente Orbitron, tarjeta de especificaciones técnicas e insignias de píldora monocromáticas.
Hero de estudio creativo rojo a viewport completo con vídeo CloudFront, tarjetas de estadísticas Britanica, doble marca de logo e interacciones solo con CSS.
Hero Web3 a pantalla completa con General Sans, vídeo CloudFront y superposición negra/50, barra de navegación LOGOIPSUM, navegación desplegable, píldora 'Join Waitlist' con efecto de brillo en capas y titular con gradiente.
Secciones dobles fijas a pantalla completa con BubbleMenu de píldora GSAP, SpotlightReveal con rastro de ratón sobre vídeo react-player, tarjeta de estadísticas de cristal al 78% y branding Nike swoosh.
Hero solar a pantalla completa con alternador de tema Día/Noche, transición de fondo desplegable, superposiciones de desenfoque, tipografía Outfit y cajón de navegación móvil.
Hero cinematográfico de cristal líquido con Instrument Serif, desvanecimientos de vídeo en bucle de CloudFront, captura de newsletter y sitio de estudio de siete páginas impulsado por la curiosidad.
Hero SaaS verde con tipografía Neue Haas Grotesk, fondo de vídeo boomerang en canvas, navegación de escritorio tipo píldora, cajón móvil escalonado y bloque CTA FluxEngine.
Landing de seguridad de una sola página con tipografía Futura, vídeos hero CloudFront a pantalla completa, barra de navegación tipo píldora y CTAs con gradiente.
Minisitio SaaS de seguridad de datos de siete páginas con vídeo hero a pantalla completa, barra de navegación tipo píldora y tipografía Readex Pro en blanco y negro.
Tipografía Lato, vídeo hero CloudFront, tarjetas de propiedades, panel 'cómo funciona' y análisis de inversión Recharts. Siete páginas con enrutamiento por hash, sin pie de página.
UI de registro de dos columnas con vídeo hero CloudFront, progreso por pasos, inicio de sesión social y animaciones de formulario con motion/react.
Landing de agencia de diseño con shaders WebGPU apilados, reloj de Londres en vivo, CTAs con texto en rollo, cuadrícula 'sobre nosotros' y estudios de caso en vídeo.
Minisitio de consultoría biotecnológica de siete páginas con tipografía Poppins, tarjetas hero Mux HLS y rutas de Acerca de/Ofertas/Precios/Blog.
Hero de agencia de un solo viewport con vídeo CloudFront a pantalla completa, titular Anton, barra de logos de clientes y CTAs de Registrarse / Iniciar Sesión sobre un lienzo cálido #F5F3EE.
Hero de agencia de un solo viewport con vídeo CloudFront a pantalla completa, titular Anton, tarjetas de logos de clientes y CTAs negros de Registrarse / Iniciar Sesión sobre un lienzo cálido.
Landing cinematográfica oscura a pantalla completa con vídeo hero de Cloudinary, titular centrado, barra de navegación de cristal líquido y movimiento premium de desenfoque y desvanecimiento. Vite + React + Tailwind.
Minisitio de streaming de siete páginas con hero cinematográfico a viewport completo, vídeo CloudFront, máscara de desenfoque de fondo inferior, cromo de cristal líquido y escalonamiento blurFadeUp.
Agencia de automatización con IA con vídeo hero fijo, tipografía Helvetica Now, movimiento FadeUp, tarjetas de servicios y páginas de oferta, casos, tarifas, equipo y contacto con enrutamiento por hash.
Hero de reserva de hotel púrpura con vídeo CloudFront a pantalla completa (sin superposición), píldora de anuncio con glassmorphism, Instrument Serif cursiva 'and' y hoja de navegación móvil Framer Motion.
Héroe de video CloudFront a pantalla completa con titular de gradiente ShinyText, píldora de navegación con borde gris y mini-sitio educativo de siete páginas.
Héroe de energía renovable de una sola vista con video CloudFront, titular StaggeredFade, barra de navegación y control de reproducción de cristal líquido, CTAs con gradiente verde, marquesina de socios y +37k de prueba social.
Héroe de bienestar de cristal líquido sobre video CloudFront, tipografía Geist, logotipo de infinito, navegación desplegable de Bienestar y secciones de desplazamiento para Rutina y Nuestro Equipo.
Marca de calzado deportivo con menú de burbujas de píldora GSAP, máscaras de video destacadas y siete páginas con rutas hash.
Portafolio oscuro Kanit con retrato de héroe magnético, marquesina GIF de motionsites vinculada al desplazamiento, texto "acerca de" con revelación al desplazar, banda de servicios blanca y tarjetas de proyecto apilables y pegajosas.
Fondo de video CloudFront a página completa, CTA de héroe centrado, secciones de desplazamiento Descubrir y Misión, y un pie de página de cristal líquido animado con navegación Helvetica.
Sección de características de portafolio personal con UI de cristal líquido, línea de tiempo de carrera, testimonio de cliente, iconos de herramientas de marquesina y videos de héroe CloudFront en un lienzo oscuro.
Héroe de espacio de trabajo oscuro a vista completa con video boomerang de lienzo de tres paneles, superposición de píldora en la tarjeta central y CTAs de lista de espera.
Landing de purificador de aire con máscara de foco de lienzo, SVG de cuadrícula de paralaje, barra de navegación de píldora y menú de hamburguesa móvil.
Héroe DeFi de Glassmorphism con tipografía Helvetica, fondo de video CloudFront, insignia de staking fluida, tarjeta de estadísticas de rendimiento y recorte de esquina de documentación.
Héroe DeFi de Glassmorphism con tipografía Helvetica, fondo de video CloudFront, insignia de staking fluida, tarjeta de estadísticas de rendimiento y recorte de esquina de documentación.
Landing de IA de una página expandida con superposiciones de héroe con pestañas sobre video CloudFront, movimiento fadeInUp, marquesina de logotipo y navegación vinculada al desplazamiento (Soluciones, Para Equipos, Acerca de, Centro de Aprendizaje). Vite + React + Tailwind.
Landing de cuidado de la piel de tres secciones con presentación de imágenes + video de héroe dividida, carrusel de los más vendidos con secuestro de rueda y videos de categoría a sangre completa.
Héroe SaaS de geomapeo Inter con insignia de Product Hunt, "constructor" de gradiente + marco de selección punteado, video de demostración CloudFront, rutas hash para Producto, Soluciones, Recursos, Ejemplos, Precios y Contacto.
Carrusel de figuras de personajes a vista completa con tipo de visualización Anton, superposición de grano y animaciones de fundido cruzado basadas en roles de 650ms.
Plataforma de datos a página completa con video de héroe CloudFront, FadingVideo rAF de 250ms, tipografía Schibsted/Inter/Noto/Fustat, cromo de búsqueda + insignia, desplegable de navegación de Características con objetivos de desplazamiento y secciones cableadas de Plataforma/Proyectos/Comunidad/Contacto.
Landing violeta oscuro (#08020e) con video de héroe con paralaje, maqueta de panel (chat + vista previa en vivo), primer plano de césped, navegación de cristal líquido, Símbolos de Material y transformaciones de desplazamiento de framer-motion.
Héroe Mux HLS de 500vh con desplazamiento "scrubbed", tipo Dirtyline ScrollFloat, panel "Acerca de" de cristal con paralaje 3D y marquesina de marca, y navegación de relleno líquido GSAP PillNav.
Héroe SaaS de seguridad claro con gradiente de malla cálido, entradas fadeUp de Framer Motion, iconos Zap/LockKeyhole/Fingerprint en línea y hoja de navegación móvil AnimatePresence.
Landing de desplazamiento negro de seis secciones para una marca de RV eléctrica: Instrument Serif + Inter, CTAs de cristal líquido, videos de héroe/característica/CTA de CloudFront, sección de declaración Mux HLS y movimiento de aparición gradual.
Héroe de video CloudFront a pantalla completa con tipografía Inter, barra de navegación de píldora, menú móvil escalonado y siete rutas hash para plataforma, defensa de IA e insights.
Landing de agencia de una página de cristal líquido oscuro con video de héroe CloudFront, texto "acerca de" con revelación al desplazar, cuadrícula de trabajo GIF con movimiento, paralaje de escaparate Cleanshot y CTA Mux HLS.
Héroe de viajes con tipografía Barlow, Inter y Dirtyline, video de héroe CloudFront, paralaje de ratón GSAP, píldora de navegación de cristal líquido y CTA de reserva segura. Fuente completa de Vite en el ZIP.
Landing de una página claro con héroe de video CloudFront redondeado, titular Outfit, marquesina de logotipo svgl, navegación de dock de cristal flotante y secciones de desplazamiento para Características, Ecosistema, Documentos y Contacto. Vite + React + Tailwind v4 + motion.