Fonctionnalités principales
Au 22 septembre, ShadcnSpace héberge au total plus de 457 blocs, plus de 456 composants, 12 modèles et plus de 28 pages préconçues. Tous les éléments sont élaborés selon des normes de niveau production, respectent les règles d'accessibilité WCAG 2.2 et fonctionnent sans rupture sur les piles React et Next.js qui utilisent TypeScript, Tailwind CSS avec CVA, ainsi que les modèles standard de shadcn/ui.
Toutes les ressources prennent en charge les primitives d'interface Radix UI et Base UI, laissant aux développeurs le choix de la fondation de leur préférence pour des éléments accessibles avec une gestion solide des cas limites. Les variantes animées facultatives sont créées avec Framer Motion pour ajouter un retour d'interaction sans dégrader l'accessibilité ni la maintenabilité.
Types de contenus disponibles
Blocs
Les blocs sont des sections d'interface complètes préconçues, organisées par catégories :
Blocs marketing : sections héros, sections de tarification, sections de portfolio, sections de fonctionnalités, barres de navigation, témoignages, pieds de page, sections d'inscription à une newsletter, pages de connexion et blocs de comparaison
Blocs d'interface pour tableaux de bord : coquilles pour les opérations IA, coquilles de tableau de bord, composants de graphiques, widgets, barres latérales, boîtes de dialogue, tableaux de données et blocs de discussion IA
Blocs pour le commerce électronique : flux de paiement, composants de coupons, listes de produits, comparaison de produits et sections de présentation des produits
Composants
La bibliothèque de composants compte plus de 450 éléments d'interface individuels : accordéons, avatars, défilements horizontaux animés, listes animées, boutons, badges, calendriers, carrousels et éléments de formulaire. Tous les composants sont combinables et suivent une structure prévisible pour être facilement modifiés au sein de projets existants.
Modèles
Des modèles Shadcn UI entièrement personnalisables prêts à l'emploi sont disponibles pour des cas d'usage concrets : sites web de produits SaaS, pages de destination SaaS, sites d'agence ou de portfolio. Tous les modèles pro proposent des mises en page cohérentes et des modèles réutilisables qui s'étendent directement du système de base des composants.
Kit Figma UI
Le système de conception Figma fourni regroupe plus de 100 composants Shadcn UI qui correspondent aux ressources de code, pour un passage en toute fluidité entre les équipes de conception et de développement, avec des modèles d'interface cohérents partagés au sein des deux workflows.
Workflows pris en charge
Usage par copier-coller
Chaque bloc, composant et modèle peut être copié directement dans votre projet React existant sans configuration supplémentaire, pour ajouter immédiatement des sections d'interface.
Workflow CLI
L'outil ShadcnSpace CLI vous permet d'installer et de gérer composants, blocs et modèles directement depuis votre terminal, avec une intégration compatible avec les configurations shadcn/ui existantes et les structures de projets frontaux modernes.
Intégration du serveur MCP
Le serveur MCP actif se connecte à votre environnement de développement : vous pouvez générer et explorer des composants et des mises en page directement depuis votre IDE, ce qui réduit les tâches de copier-coller manuelles pendant la phase de prototypage.
Licences gratuite et Pro
Toutes les ressources open source de ShadcnSpace sont distribuées sous licence MIT, leur usage dans tout projet commercial est donc autorisé sans risque. L'offre gratuite donne accès à l'intégralité d'une large collection de blocs, composants et modèles de base open source. L'offre Pro ajoute des modèles premium exclusifs, des mises en page de tableau de bord étendues et avancées, l'intégralité du kit Figma Pro, et des mises à jour à vie, sans restriction de licence récurrente pour un usage au sein d'applications commerciales. Toutes les ressources pro sont compatibles avec le workflow CLI.
Commentaires