Sobre esta estantería

Las herramientas de programación con IA producen la misma interfaz una y otra vez: tarjetas redondeadas, sombras suaves, un degradado morado en alguna parte. Pueden hacerlo mejor. Nadie les dice exactamente qué aspecto tiene ese mejor, así que este sitio es una pila de descripciones exactas.

Qué hay aquí

Snippets CSS (botones, tarjetas y más estanterías según se vayan llenando), estilos de diseño con nombre y funcionalidades nuevas de CSS con el soporte de navegadores comprobado en septiembre de 2026. Cada elemento tiene el CSS, el marcado y un prompt que describe el resultado en números para que una herramienta pueda reconstruirlo sin ver el código.

Qué no hay

Ni inicio de sesión, ni likes, ni librería de componentes que instalar, ni framework. Los snippets son CSS puro, cada uno acotado por una sola clase. Las demos de cada página son el CSS real ejecutándose, no capturas. Si una demo se ve mal en tu navegador, el snippet necesita un arreglo, y se nota a simple vista.

De dónde sale el contenido

Todos los snippets se escribieron para este sitio. Nada viene de CodePen ni de un marketplace de componentes, y eso importa porque esos traen licencias que no sobreviven al pegado en el proyecto de un cliente. Las cifras de soporte de navegadores en las páginas de Nuevo en CSS citan sus fuentes (notas de versión, Baseline, caniuse) para que puedas comprobarlas por tu cuenta.

Quién lo mantiene

Una persona, como proyecto paralelo dentro de una familia de pequeños sitios de herramientas de un solo propósito. Mantenerlo cuesta más o menos un dominio al año. Si una página tiene un fallo o una cifra de soporte se ha quedado vieja, lo más rápido es mencionar la dirección de la página en un correo a hello en este dominio.