🔓 Open Source
98.css tiene 143 puntos en HN y está reviviendo Windows 98 en pleno 2026
En plena era del glassmorphism, los degradados neón, y las animaciones 3D con Three.js, hay un proyecto open source que está desafiando todas las tendencias modernas de diseño web. Se llama 98.css, y hace exactamente lo que promete: recrear fielmente la interfaz de Windows 98 con CSS puro.
No es un meme. No es una broma. Subió a Hacker News y en horas alcanzó 143 puntos, con una ola de comentarios de devs nostálgicos que no podían creer lo precisa que es la recreación. Botones grises, barras de título azules, scrollbars de la vieja escuela, hasta el "chicle" del solitario — todo está ahí.
Y lo mejor: es completamente gratis, open source, y pesa menos de 10KB.
¿Qué es exactamente 98.css?
Creado por Jordan Scales (conocido en el mundillo como @jdan), 98.css es un design system en una sola hoja de CSS que permite construir interfaces web que se ven y se sienten como Windows 98. No es un framework tipo Bootstrap — no te da layouts ni componentes de JavaScript. Solo el skin visual.
El proyecto incluye estilos para:
- Botones (normales, presionados, deshabilitados — con esos bordes en 3D que tanto extrañamos)
- Inputs, checkboxes y radios exactamente como los recordabas
- Barras de título, ventanas y paneles con sombras pixeladas
- Scrollbars retro (sí, esas grises con flechitas)
- Status bars, tabs, sliders — TODO el kit
El resultado es tan idéntico que podrías confundirlo con una máquina virtual de Windows 98 corriendo en el navegador. Pero no: es CSS puro, sin imágenes, sin JavaScript. Increíble.
¿Por qué está explotando en Hacker News?
Hay algo que los devs de 30+ años saben muy bien: Windows 98 fue el sistema operativo que definió una generación. Fue el primer Windows realmente usable, el que trajo el plug-and-play, el que nos dio el escritorio que todos recordamos. Y su estética — esos botones grises con biseles, esas ventanas azules — está grabada en el ADN de cualquiera que haya usado una PC a finales de los 90.
Pero 98.css no es solo nostalgia barata. Tiene un valor técnico real:
- Demuestra que se puede hacer un design system completo sin framework, solo con CSS vanilla
- Es una pieza de preservación digital — documenta cómo se veía una interfaz histórica en código moderno
- Funciona perfectamente en todos los navegadores modernos
- Pesa solo ~9KB minificado — menos que una foto de perfil
💡 Dato curioso: Windows 98 fue lanzado hace 28 años. Un dev nacido en el año de su lanzamiento ya tiene edad para estar trabajando en ser un senior developer.
El renacimiento del diseño retro en la web
98.css no es un caso aislado. En los últimos meses hemos visto un resurgimiento masivo de la estética retro en interfaces web:
- Brutalist web design: sitios que deliberadamente se ven "feos" o toscos como reacción al diseño corporativo pulido
- Windows 95/98 UI revival: proyectos como 98.css, Windows 95 UI Kit y hasta sistemas operativos completos emulados en el navegador (como copy.sh/v86 corriendo Windows 98 en JavaScript)
- CRT effects: filtros CSS que simulan el escaneo de un monitor de tubo, con esas líneas horizontales tenues y el brillo característico
- Pixel art en la web: desde fuentes bitmap hasta sprites de 16x16 en interfaces serias
¿Por qué está pasando? Porque el diseño moderno se ha vuelto homogéneo. Todos los sitios se ven como clones de Linear, todos usan Inter, todos tienen fondos con gradientes suaves y tipografía limpia. En un mundo de interfaces genéricas, lo retro es lo único que realmente se destaca.
Cómo usar 98.css en tu proyecto
Usar 98.css es ridículamente simple. Literalmente agregas un link al CSS y empiezas a escribir HTML con clases específicas:
<head>
<link rel="stylesheet" href="https://unpkg.com/98.css">
</head>
<body>
<div class="window" style="width: 400px">
<div class="title-bar">
<div class="title-bar-text">Mi Ventana Retro</div>
<div class="title-bar-controls">
<button aria-label="Cerrar"></button>
</div>
</div>
<div class="window-body">
<p>¡Bienvenido a 1998!</p>
<button>Aceptar</button>
</div>
</div>
</body>
Eso es todo. En 30 segundos tienes una interfaz de Windows 98 funcionando. No necesitas React, no necesitas Vue, no necesitas Tailwind. CSS puro, HTML semántico, y mucha nostalgia.
El proyecto está en GitHub bajo licencia MIT, tiene más de 12,000 estrellas, y su creador lo mantiene activamente con contribuciones de la comunidad. Puedes encontrarlo en github.com/jdan/98.css.
Nuestra opinión: esto es más que nostalgia
98.css es genial por una razón que va más allá del meme: demuestra que el CSS moderno es increíblemente poderoso. Con solo una hoja de estilos, puedes recrear un sistema operativo completo en apariencia. Eso no era posible hace 10 años.
Pero también nos recuerda algo importante: el diseño no tiene que ser complicado para ser efectivo. Windows 98 era funcional, claro, directo. Sabías exactamente qué era un botón porque parecía un botón. No necesitabas adivinarlo por el color o la sombra.
En un mundo donde el diseño UX se ha vuelto tan sutil que a veces los usuarios no saben qué es clickeable, tal vez un poco de ese estilo retro sin vergüenza sea justo lo que necesitamos.
Comparte esto si crees que el diseño retro merece un revival serio en la web moderna.
¿Tú usarías 98.css en un proyecto real o es solo nostalgia? Te leo en los comentarios.