Cartesblocs
Des cartes polyvalentes pour tout type de contenu. Des blocs UI React prêts à l'emploi au style néobrutaliste — sections hero, tarifs, authentification, dashboards et plus encore. Prévisualisez chaque taille d'écran, copiez le code, ou installez-les via votre agent IA et notre serveur MCP. Compatible avec Radix UI, Base UI et React Aria.
- Hero, tarifs & auth
- Aperçu à chaque breakpoint
- Copiez le code
- Installable via MCP
- Radix · Base UI · React Aria
- 158 blocs prêts à l'emploi
- Sections de page qui livrent
- Dashboards & marketing
- Pro débloque le code
- Layouts prêts à coller
Explorez toutes les dispositions
Cartes
15 blocs — ouvrez n’importe quelle carte pour un aperçu plein écran, le code et les étapes d’installation.
- 01Pro
Sondage de retour compact
Trois questions en environ trente secondes : champ e-mail, rangée de cinq étoiles qui réagit au survol, une boîte de commentaire. React et Tailwind.
- 02Pro
Formulaire de contact et notation
Réunit quatre champs de contact à icônes de fin avant la notation, puis traduit le score en mots, de Mauvais à Excellent. React et Tailwind.
- 03Pro
Carte coupon à compte à rebours
Une horloge en direct égrène les heures, minutes et secondes sous une illustration de coupon et une pastille d'offre pivotée. React et Tailwind.
- 04Pro
Carte de cours avec instructeur
Panneau à glyphe de code plutôt qu'une photo, bande de statistiques réglée et ligne instructeur avant Enrol now. React et Tailwind.
- 05Pro
Carte de cours avec prix
Un badge de prix chevauche la jonction entre photo de couverture et texte, au-dessus de trois statistiques en tuiles d'icônes carrées. React et Tailwind.
- 06Pro
Carte de sondage détaillé
Deux sections réunissent nom, e-mail, deux menus, un curseur de satisfaction 0 à 5, une notation en étoiles et un commentaire. React et Tailwind.
- 07Pro
Carte de remise promotionnelle
Un autocollant pivoté affichant 40 % ancre la moitié texte, tandis qu'une photo de mode pleine hauteur occupe l'autre. React et Tailwind.
- 08Pro
Carte de notation par émojis
Cinq visages emoji font office de tuiles radio, de Très mauvais à J'ai adoré, avec un commentaire facultatif limité à 240 caractères. React et Tailwind.
- 09Pro
Carte de profil inversée
Une surface encre inversée qui reste l'opposé de la page : portrait carré, bio, date d'inscription, hashtags, bouton de contact. React et Tailwind.
- 10Pro
Carte d'inscription infolettre
Une bannière illustrée en esquisse surmonte un titre INFOLETTRE en grand format et un champ e-mail relié à un bouton d'abonnement. React et Tailwind.
- 11Pro
Carte produit avec quantité
Un compteur moins/plus qui annonce chaque changement se trouve à côté du prix barré, au-dessus du bouton d'ajout au panier. React et Tailwind.
- 12Pro
Carte de profil avec bannière
Un avatar carré déborde à moitié de la bande de couverture, avec un point de statut en ligne, un bouton de suivi, bio et étiquettes. React et Tailwind.
- 13Pro
Carte infolettre divisée
Divisée 45/55 : un panneau illustré d'un côté, un champ e-mail étiqueté et un bouton d'abonnement pleine largeur de l'autre. React et Tailwind.
- 14Pro
Carte de résumé d'abonnement
Un badge certificat surmonte quatre lignes cochées de licences, puis un panneau indiquant le montant et la date de facturation. React et Tailwind.
- 15Pro
Carte infolettre large
Moitié texte, moitié illustration en pleine saignée jusqu'au bord, avec un champ e-mail en ligne sous une accroche soulignée. React et Tailwind.