Aller au contenu

Carte de profil à couverture diagonale

Profil · Source Pro

Une carte de profil compacte dont l'image de couverture est tranchée à un angle au lieu d'une ligne droite, afin que le portrait en dessous semble se pousser à travers. L'avatar carré chevauche la coupure, le nom et le rôle s'assoient centré en dessous, et posts, followers et likes courent le long du bas au-dessus d'un seul lien souligné. La diagonale est un clip-path sur deux wrappers empilés, ce qui est ce qui produit le bord noir dur le long de la coupure plutôt qu'une limite d'image brute.

Ouvrir l'aperçu en directObtenir Neobrutalism Pro
Profil
Neobrutalist profile card for React and Tailwind CSS with a diagonally cut cover: abstract orange, blue and black artwork with a ringed planet and a starburst above an angled edge, a square portrait overlapping the cut, a centred name and role, posts, followers and likes counts, and a View Profile link underlined in yellow.
Carte de profil à couverture diagonale
  • 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
AperçuGratuitOuvrez-le en plein écran et changez le point d'arrêt ou le thème.CodeProUn seul fichier TSX autonome. Copiez-le, c'est à vous.InstallationProUne seule commande shadcn CLI — ou l’invite d’agent pour Claude Code, Cursor ou tout client MCP.

Construit avec

Plus les icônes lucide-react et Tailwind CSS — aucune autre dépendance runtime.

Plus de dispositions Profil (8)

Voir tout

https://neobrutalism.com/fr/blocks/profile/diagonal-cover-profile-card

Adoré par les devs, designers
& créateurs

  • Je suis tombé sur ton kit UI et je l’ai adopté aussitôt. Bluffé de voir que c’est récent, activement maintenu et sans cesse amélioré — super boulot ! 🤘

    Ziv Reich, Développeur logiciel

  • Je voulais juste dire : super travail sur neobrutalism.com. J’adore vraiment. Je suis nul en design, alors c’était génial. Je l’ai utilisé sur mon site perso.

    Paul Bratslavsky, Créateur de Coding With Paul

  • J’ai enfin refait mon site perso avec Neobrutalism.com — super bibliothèque, trop simple pour démarrer !

    Cameron Blackwood, Créateur de contenu

  • Neobrutalism.com est l’une de mes bibliothèques de composants UI rétro préférées — des composants qui se shippent vraiment.

    Zhengyang Hou, Indie hacker

  • l’une de mes bibliothèques ui préférées pour le web. beau travail — j’espère que ça ira encore plus loin.

    Taseen Tanvir, Fondateur & designer

  • Je viens d’essayer Neobrutalism.com Pro — un kit UI qui ne ressemble pas à tout le reste. Les blocs néobrutalistes 🔥 m’ont permis de prototyper des layouts barrés bien plus vite.

    Nitesh Padghan, Rédacteur fantôme

  • Un design de landing page magnifique, avec un équilibre et un rythme parfaits. La palette de couleurs associée aux animations crée une expérience utilisateur exceptionnelle.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Je suis vraiment impressionné par le design livré. Le résultat final correspond exactement à ce que j’avais imaginé.

    Desmond, Co-fondateur @ VectorlabsVentures

  • En tant que dirigeant d’agence, je passais souvent des semaines à peaufiner les landing pages de mes clients. Avec Neobrutalism.com, j’insère un template, j’ajuste le texte, et je suis prêt à shipper.

    Duke Opoku Amankwah, Fondateur @ Midas

  • Les templates ne sont pas seulement superbes visuellement : ils sont aussi extrêmement bien structurés. Ils nous ont fait gagner des semaines de développement.

    Abiola Braimah, Développeur @ Studio IX

  • Qualité remarquable et souci du détail. Le design responsive fonctionne parfaitement sur tous les appareils.

    Acromond X., Co-fondateur @ VectorlabsVentures

  • Intégrer ces templates à notre workflow a nettement réduit notre cycle de développement. Excellent travail.

    Raquib S., Développeur backend

  • Ces templates sont devenus notre ressource de référence. Le code est propre, bien documenté et facilement personnalisable.

    Hallic M., Développeur @ AtlasLabs

  • Les templates Neobrutalism.com trouvent le juste équilibre entre esthétique et fonctionnalité. Un vrai game-changer pour nos projets.

    Ibrahim S., Lead frontend @ ScaleUp

  • Un support remarquable et des templates premium. Le ROI de ces templates est phénoménal.

    Kevin K., CEO @ WebCraft

  • Les templates Neobrutalism.com ont complètement transformé notre façon d’aborder les projets clients. La qualité du code est exceptionnelle et les designs vraiment world-class.

    Danny G., Fondateur de DevStack

  • J’ai utilisé beaucoup de bibliothèques de templates, mais Neobrutalism.com se démarque par son attention à la performance et à une architecture de code propre.

    Ian D., CTO @ Wavelength

  • Les animations et micro-interactions de ces templates sont absolument bluffantes. Le meilleur investissement pour notre équipe design.

    Ben S., Lead designer @ PixelPerfect

  • En tant que fondateur non technique, les templates Neobrutalism.com nous ont permis de lancer notre MVP en un temps record sans sacrifier la qualité du design. Nos investisseurs ont été bluffés.

    Matthew I., Fondateur de startup

  • J’apprécie à quel point ces composants sont modulaires et bien documentés. On a pu mélanger des pièces de différents templates sans friction.

    Garrett P., Lead frontend @ TechFusion

  • Le ROI des templates Neobrutalism.com est incroyable. Nous avons radicalement réduit notre temps de développement tout en livrant des sites de meilleure qualité à nos clients.

    Xavier C., Dirigeant d’agence

Questions
fréquentes

Comment le bloc Carte de profil à couverture diagonale est construit, ce que vous pouvez modifier et quand l'utiliser à la place des autres dispositions ici.

Problème d’accès au bloc ? E-mail[email protected]
Get Pro — Save 33%--:--:--