Funcionalidades principais
O ShadcnSpace conta com mais de 457 blocos, 456 componentes, 12 templates e 28 páginas pré-construídas, conforme a atualização mais recente de 22 de setembro. Todos os itens seguem padrões de nível de produção, cumprem as regras de acessibilidade WCAG 2.2 e funcionam perfeitamente em stacks de React e Next.js que usam TypeScript, Tailwind CSS com CVA e os padrões convencionais do shadcn/ui.
Todos os recursos suportam os primitivos de interface Radix UI e Base UI, dando ao desenvolvedor a opção de escolher a base que preferir para elementos acessíveis com tratamento robusto de casos de uso menos comuns. Variantes com animação opcionais são feitas com Framer Motion para adicionar retorno de interação sem quebrar a acessibilidade ou a capacidade de manutenção do código.
Tipos de conteúdo disponíveis
Blocos
Blocos são seções de interface completas pré-construídas, organizadas por categorias:
Blocos para marketing: seções de chamada principal (Hero), seções de preços, seções de portfólio, seções de funcionalidades, barras de navegação, depoimentos, rodapés, formulários de newsletter, telas de login e blocos de comparação.
Blocos de interface para dashboard: estruturas para operações de IA, estruturas de dashboard, componentes de gráficos, widgets, barras laterais, caixas de diálogo, tabelas de dados e blocos de chat de IA.
Blocos para e-commerce: fluxos de finalização de compra, componentes de cupom, listagens de produtos, comparação de produtos e seções de visão geral de produtos.
Componentes
A biblioteca de componentes tem mais de 450 elementos de interface individuais, como acordeões, avatares, elementos de deslocamento horizontal (marquees), listas animadas, botões, marcadores (badges), calendários, carrosséis e elementos de formulário. Todos os componentes podem ser combinados e seguem uma estrutura previsível, facilitando a modificação em projetos já existentes.
Templates
Templates Shadcn UI prontos para uso e totalmente personalizáveis estão disponíveis para casos de uso reais, incluindo sites de produtos SaaS, landing pages de SaaS e sites de agência ou portfólio. Todos os templates pro contam com layouts consistentes e padrões reutilizáveis que se estendem diretamente do sistema de componentes base.
Kit de interface Figma
O sistema de design Figma incluso tem mais de 100 componentes Shadcn UI que correspondem aos ativos de código, permitindo a passagem de tarefas sem atrito entre as equipes de design e desenvolvimento, com padrões de interface consistentes compartilhados em ambos os workflows.
Workflows suportados
Uso de copiar e colar
Cada bloco, componente e template pode ser copiado diretamente para o seu projeto React já existente, sem configurações extras para adicionar seções de interface imediatamente.
CLI workflow
O ShadcnSpace CLI permite instalar e gerenciar componentes, blocos e templates diretamente do seu terminal, integrando de forma limpa com as configurações já existentes do shadcn/ui e estruturas de projetos frontend modernos.
Integração com servidor MCP
O servidor MCP ativo se conecta ao seu ambiente de desenvolvimento, permitindo que você gere e explore componentes e layouts diretamente no seu IDE, o que reduz o trabalho manual de copiar e colar durante a fase de prototipagem.
Licenças gratuitas e Pro
Todos os recursos open-source do ShadcnSpace usam a licença MIT, portanto podem ser usados com segurança em qualquer projeto comercial. A camada gratuita dá acesso completo a uma grande coleção de blocos, componentes e templates base open-source. A camada Pro adiciona templates premium exclusivos, layouts de dashboard avançados estendidos, o kit Figma Pro completo e atualizações vitalícias, sem restrições recorrentes de licenciamento para uso em aplicativos comerciais. Todos os recursos pro são compatíveis com o CLI workflow.
Comentários