shadcn.io: el mejor lugar para descubrir nuevos blocks para shadcn/ui

Si desarrollas con shadcn/ui, ya conoces la magia: el código es tuyo. No hay ninguna dependencia de caja negra contra la que pelear; copias un componente y pasa a ser tuyo, listo para moldearlo.

Pero los componentes son las piezas pequeñas. Un botón, un input, una card. El verdadero sumidero de tiempo es ensamblar esas piezas en blocks: una sección de precios, el esqueleto de un dashboard, una pantalla de autenticación, una grilla de funcionalidades. Ahí es donde se concentra la mayor parte del trabajo (y la mayor parte del copiar y pegar desde proyectos viejos).

Ese es justo el vacío que llena shadcn.io, y por eso se ha vuelto nuestra opción por defecto.

¿Qué es shadcn.io?

shadcn.io es un registro amplio y en plena expansión de blocks construidos sobre shadcn/ui: secciones completas y ya compuestas que sueltas en una página y despachas tal cual. No primitivas, sino los layouts que de otro modo te llevaría una tarde entera cablear a mano.

Cada block sigue la misma filosofía que el propio shadcn/ui: es código puro que te pertenece, con estilo en Tailwind y sin ataduras en tiempo de ejecución. Lo instalas y pasa a formar parte de tu código base.

Por qué es el mejor lugar para descubrir nuevos blocks

Varias cosas lo distinguen:

• La amplitud. Secciones de marketing, dashboards, tablas, flujos de autenticación, precios, testimonios: el catálogo cubre las páginas que los productos reales de verdad necesitan, no un puñado de demos.
• La frescura. Llegan blocks nuevos con regularidad, así que construyes con los patrones del momento, no con algo que nadie toca desde hace un año.
• Copiar y pegar, no instalar y rezar. Como los blocks se componen a partir de las primitivas de shadcn/ui, se leen como código que habrías escrito tú: fáciles de personalizar, fáciles de tematizar.
• Encaja de maravilla con el registro. Los blocks se integran en el mismo flujo de trabajo de shadcn que ya usas: no hay nada nuevo que aprender.

Cómo lo usamos

Nuestro método es sencillo: arrancamos una página desde un block de shadcn.io que ya está resuelto al 80 % y luego moldeamos el 20 % restante para que encaje con la marca. Como el código es tuyo, ese último 20 % es un trámite: cambias los tokens, ajustas los espaciados y listo. Así, "diseñar una página de precios" pasa de un día a una hora.

Neobrutalism ♥ shadcn.io

Estamos orgullosos de asociarnos con shadcn.io. Si te gusta la relectura neobrutalista que Neobrutalism hace de shadcn/ui, te sentirás como en casa en su librería de blocks: mismo modelo de propiedad del código, misma base de Tailwind y mucho más terreno cubierto.

Ve a explorar la colección en shadcn.io y comprueba lo rápido que se arma una página cuando los blocks ya están listos.