Introduction
Une collection de blocks prêts à l'emploi pour composer des pages rapidement.
Les blocks sont des sections de page complètes (hero, blog, footer...) prêtes à copier-coller dans votre projet. Contrairement aux composants, ils combinent plusieurs éléments d'interface pour former une section fonctionnelle.
Utilisation
Parcourez la liste dans la barre latérale pour voir un aperçu de chaque block, son code source et ses props disponibles.
Une heatmap annuelle premium avec tabs dynamiques, statistiques et légende.
Activity
Jul 2025 – Jul 2026240,026 words in the last year
Une action de synchronisation d'événement calendrier avec un cycle animé.
Une carte compacte affichant un statut avec un badge.
Une grille de cartes d'articles avec image, badge et lien de lecture.
Blog
Discover the latest trends, tips, and best practices in modern web development. From UI components to design systems, stay updated with our expert insights.
Getting Started with shadcn/ui Components
Sarah Chen · 1 Jan 2024
Learn how to quickly integrate and customize shadcn/ui components in your Next.js projects. We'll cover installation, theming, and best practices for building modern interfaces.
Building Accessible Web Applications
Marcus Rodriguez · 1 Jan 2024
Explore how to create inclusive web experiences using shadcn/ui's accessible components. Discover practical tips for implementing ARIA labels, keyboard navigation, and semantic HTML.
Modern Design Systems with Tailwind CSS
Emma Thompson · 1 Jan 2024
Dive into creating scalable design systems using Tailwind CSS and shadcn/ui. Learn how to maintain consistency while building flexible and maintainable component libraries.