Características principales
Hasta la última actualización del 22 de septiembre, ShadcnSpace aloja más de 457 bloques, más de 456 componentes, 12 plantillas y más de 28 páginas prearmadas. Todos los elementos se construyen según estándares de nivel producción, cumplen con las reglas de accesibilidad WCAG 2.2 y funcionan de forma fluida en pilas de React y Next.js que usan TypeScript, Tailwind CSS con CVA y los patrones estándar de shadcn/ui.
Todos los recursos soportan los primitivos de UI de Radix UI y Base UI, lo que le da a los desarrolladores la opción de elegir la base que prefieran para sus elementos accesibles, con manejo robusto de casos de borde. Las variantes animadas opcionales se construyen con Framer Motion para agregar retroalimentación de interacción sin romper la accesibilidad ni la mantenibilidad.
Tipos de contenido disponibles
Bloques
Los bloques son secciones de interfaz de usuario completas prearmadas, organizadas en categorías:
Bloques de marketing: secciones de presentación (Hero), secciones de precios, secciones de portafolio, secciones de características, barras de navegación, testimonios, pies de página, secciones de boletín informativo, inicio de sesión y bloques de comparación.
Bloques de interfaz de paneles de control: shells de operaciones de IA, shells de paneles de control, componentes de gráficos, widgets, barras laterales, diálogos, tablas de datos y bloques de chat con IA.
Bloques de comercio electrónico: flujos de pago, componentes de cupones, listados de productos, comparación de productos y secciones de vista general de productos.
Componentes
La biblioteca de componentes incluye más de 450 elementos de interfaz individuales, como acordeones, avatares, marquesinas, listas animadas, botones, insignias, calendarios, carruseles y elementos de formulario. Todos los componentes son combinables y siguen una estructura predecible, para facilitar su modificación en proyectos existentes.
Plantillas
Las plantillas de Shadcn UI listas para usar y completamente personalizables están disponibles para casos de uso reales, incluidos sitios web de productos SaaS, páginas de destino SaaS y sitios de agencia o portafolio. Todas las plantillas pro vienen con diseños consistentes y patrones reutilizables que se extienden directamente desde el sistema de componentes base.
Kit de Figma UI
El sistema de diseño de Figma incluido cuenta con más de 100 componentes de Shadcn UI que coinciden con los activos de código, lo que permite una transición fluida entre los equipos de diseño e ingeniería, con patrones de interfaz consistentes compartidos en ambos Workflows.
Workflows soportados
Uso de copiar y pegar
Cada bloque, componente y plantilla se puede copiar directamente en tu proyecto de React existente sin configuraciones adicionales, para agregar secciones de interfaz de inmediato.
Workflow con CLI
El CLI de ShadcnSpace te permite instalar y administrar componentes, bloques y plantillas directamente desde tu terminal, con integración limpia con las configuraciones existentes de shadcn/ui y las estructuras modernas de proyectos de frontend.
Integración con servidor MCP
El servidor MCP activo se conecta a tu entorno de desarrollo, lo que te permite generar y explorar componentes y diseños directamente dentro de tu IDE, reduciendo el trabajo manual de copiar y pegar durante la creación de prototipos.
Licencias gratuitas y Pro
Todos los recursos de código abierto de ShadcnSpace usan la licencia MIT, por lo que se pueden usar de forma segura en cualquier proyecto comercial. El nivel gratuito brinda acceso completo a una colección amplia de bloques, componentes y plantillas base de código abierto. El nivel Pro agrega plantillas premium exclusivas, diseños de paneles de control extendidos avanzados, el kit completo de Figma Pro y actualizaciones de por vida, sin restricciones de licencia recurrentes para su uso en aplicaciones comerciales. Todos los recursos pro son compatibles con el Workflow de CLI.
Comentarios