Seedwave es una plantilla HTML lista para usar para un sitio de intercambio de archivos de libre distribución: software de código abierto, distribuciones, música y vídeos bajo Creative Commons, libros de dominio público, recursos para diseñadores y cursos formativos.

Diseño oscuro con un acento verde lima ácido, tipografía grande y expresiva y muchas animaciones cuidadas: las páginas aparecen suavemente al abrirse, los bloques se revelan al hacer scroll y las portadas de las descargas tienen vida: se mueven como un GIF.

La plantilla es estática: solo HTML, CSS y JavaScript. No necesitas servidor, base de datos, empaquetador ni npm: descomprime el archivo y sube los archivos a cualquier hosting.

PÁGINAS (7)

• Inicio: primera pantalla con una animación de «enjambre» de peers, búsqueda y categorías rápidas, contadores, cinta de actividad en movimiento, mosaicos de categorías, bloques «Novedades en el sitio» y «Lo más popular» (ranking con barras de descargas) y una llamada a añadir una descarga.

• Catálogo: filtros por categoría, licencia, tamaño y número de seeds, búsqueda, 5 opciones de ordenación, vista en cuadrícula y en lista, filtros activos como «chips» y carga infinita al hacer scroll. En el móvil, los filtros se despliegan desde abajo.

• Página de descarga: portada grande, características, botones «.torrent», «Magnet» (se copia al portapapeles), «A favoritos» y «Compartir», indicador de salud de la descarga, pestañas «Descripción», «Archivos» y «Comentarios» con formulario de opinión, autor y descargas similares.

• Perfil: banner animado, anillo de ratio, estadísticas, mapa de actividad del año, pestañas «Mis descargas», «Descargas» con progreso, «Favoritos» y «Ajustes» con interruptores.

• Contacto: elección del motivo de la consulta, validación de campos, contador de caracteres, animación de envío correcto, datos de contacto y preguntas frecuentes desplegables con carga progresiva.

• Añadir descarga: asistente de tres pasos, subida de archivos arrastrando y soltando, etiquetas, vista previa en vivo de la tarjeta, validación de datos y confirmación de los derechos sobre los archivos.

• Página 404.

ANIMACIÓN Y DETALLES

• Aparición suave y en cascada de páginas y bloques; la velocidad se cambia con una sola variable CSS.

• 8 portadas de categoría animadas en bucle (animated WebP): terminal, editor de código, juego pixelado, vinilo con ecualizador, película, libro, capas y átomo.

• Carga al hacer scroll con marcadores parpadeantes en todas las páginas con listas.

• Inclinación de tarjetas siguiendo el cursor con inercia, resaltado bajo el cursor, efecto de onda al pulsar botones y fondo deslizante en menús y pestañas.

• Contadores animados, gráfico de salud de la descarga y notificaciones emergentes.

• Se respeta el ajuste del sistema «reducir movimiento»: se desactivan los movimientos grandes de fondo y se mantienen las apariciones suaves.

ASPECTOS TÉCNICOS

• HTML5, CSS3 (variables, Grid, Flexbox), JavaScript puro sin librerías ni frameworks.

• Diseño adaptable: desde 360 px hasta monitores panorámicos, menú móvil.

• Todos los datos están en un único archivo data.js: descargas, categorías, comentarios, preguntas y perfil. Es fácil sustituirlo por una petición a tu propia API: los puntos están marcados con comentarios.

• La cabecera y el pie son comunes a todas las páginas y se definen en un solo lugar.

• Favicon, descripciones de página para buscadores y redes sociales, robots.txt y página 404.

• Fuentes Unbounded, Manrope y JetBrains Mono (Google Fonts, licencia OFL).

• Probado en Chrome; pensado para navegadores modernos (Chrome, Edge, Firefox, Safari).

QUÉ HAY EN EL ARCHIVO

• 7 páginas HTML, estilos, scripts, 8 portadas animadas, favicon y robots.txt.

• README con instrucciones de publicación y una lista de lo que debes sustituir para un sitio real.

IMPORTANTE

• Es una plantilla de interfaz (frontend). Los formularios, el botón de descarga y los comentarios funcionan como demostración y no envían nada: para un tracker real necesitas tu propio controlador en el servidor y un tracker de torrents.

• Todas las descargas, autores y comentarios de la demo son ficticios y las portadas están dibujadas con código: la plantilla no contiene materiales ajenos.

• La plantilla está pensada para compartir solo aquello cuya distribución está permitida: obras propias, software de código abierto, materiales con licencias libres y obras de dominio público. Al añadir una descarga, el usuario indica la licencia y confirma sus derechos.