Zum Inhalt springen

Zentrierter Portfolio-Hero

Hero-Sektionen · Pro-Quellcode

Eine zentrierte Vorstellung für die Startseite eines Portfolios. Gruß, Headline, Positionierungsabsatz und ein einzelner Kontakt-Button stehen gestapelt und zentriert in einer schmalen Spalte, und ein breiter Ausschnitt des Fotos der Designerin läuft darunter in voller Breite, bündig mit dem unteren Rand des Bands, sodass er in das Folgende übergeht. Es ist das hohe Gegenstück zum geteilten Portfolio-Hero: mehr Präsenz, mehr Scrollen, bevor die Arbeiten beginnen. Jede Farbe ist ein Theme-Token, folgt also ohne Anpassung deiner Palette in Hell und Dunkel.

Live-Vorschau öffnenHol dir Neobrutalism Pro
Hero-Sektionen
Neobrutalist centred portfolio hero section for React and Tailwind CSS: the centred greeting Hi, my name is Olivia, the headline Turning ideas into interactive realities with the last word boxed and tilted in yellow, a Get in touch button, and a wide crop of a smiling designer in a pink panel with a code-brackets bubble and an Available for freelance label below.
Zentrierter Portfolio-Hero
  • Heroes, Preise & Auth
  • Vorschau in jeder Breakpoint
  • Code kopieren
  • MCP-Installation bereit
  • Radix · Base UI · React Aria
  • 158 fertige Blöcke
  • Page-Sections die shippen
  • Dashboards & Marketing
  • Pro schaltet den Code frei
  • Layouts zum Einsetzen
VorschauKostenlosÖffne es im Vollbild und wechsle Breakpoint oder Theme.CodeProEine eigenständige TSX-Datei. Kopier sie, sie gehört dir.InstallationProEin einziger shadcn-CLI-Befehl — oder der Agent-Prompt für Claude Code, Cursor oder jeden MCP-Client.

Gebaut mit

Plus lucide-react Icons und Tailwind CSS — keine weitere Runtime-Abhängigkeit.

Mehr Hero-Sektionen-Layouts (7)

Alle anschauen

https://neobrutalism.com/de/blocks/hero-sections/centred-portfolio-hero-with-photo

Geliebt von Devs, Designern
& Creators

  • Bin über dein UI-Kit gestolpert und hab es sofort mitgenommen. Beeindruckt: neu, aktiv gepflegt und ständig verbessert. Großartige Arbeit! 🤘

    Ziv Reich, Softwareentwickler

  • Wollte nur sagen: großartige Arbeit an neobrutalism.com. Gefällt mir wirklich. Ich bin miserabel im Design, deshalb war das perfekt. Hab es auf meiner persönlichen Seite eingesetzt.

    Paul Bratslavsky, Macher von Coding With Paul

  • Endlich meine persönliche Website mit Neobrutalism.com neu gebaut — spaßige Bibliothek, super einfach zum Starten!

    Cameron Blackwood, Content Creator

  • Neobrutalism.com ist eine meiner liebsten UI-Komponenten-Bibliotheken im Retro-Stil — Komponenten, die wirklich shippen.

    Zhengyang Hou, Indie Hacker

  • eine meiner liebsten ui-bibliotheken fürs web. tolle arbeit — hoffe, es geht steil nach oben.

    Taseen Tanvir, Gründer & Designer

  • Habe gerade Neobrutalism.com Pro ausprobiert — ein UI-Kit, das nicht aussieht wie alles andere. Die neobrutalistischen Blöcke 🔥 machen schräge Layouts deutlich schneller.

    Nitesh Padghan, Ghostwriter

  • Wunderschönes Landingpage-Design mit perfekter Balance und Flow. Die Farbpalette zusammen mit den Animationen schafft eine außergewöhnliche User Experience.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Ich bin wirklich beeindruckt von dem Design, das sie geliefert haben. Das Endergebnis entsprach genau dem, was ich mir vorgestellt hatte.

    Desmond, Mitgründer @ VectorlabsVentures

  • Als Agenturinhaber brauche ich oft Wochen, um Landingpage-Layouts für Kunden zu perfektionieren. Mit Neobrutalism.com stecke ich ein Template ein, passe den Copy an – und bin ship-ready.

    Duke Opoku Amankwah, Gründer @ Midas

  • Die Templates sind nicht nur optisch stark, sondern auch unglaublich gut strukturiert. Sie haben uns Wochen Entwicklungszeit gespart.

    Abiola Braimah, Developer @ Studio IX

  • Hervorragende Qualität und Liebe zum Detail. Das responsive Design funktioniert auf allen Geräten einwandfrei.

    Acromond X., Mitgründer @ VectorlabsVentures

  • Diese Templates in unseren Workflow zu integrieren hat unseren Entwicklungszyklus deutlich verkürzt. Exzellente Arbeit.

    Raquib S., Backend-Entwickler

  • Diese Templates sind unsere Go-to-Ressource geworden. Der Code ist sauber, gut dokumentiert und leicht anpassbar.

    Hallic M., Developer @ AtlasLabs

  • Neobrutalism.com-Templates treffen die perfekte Balance zwischen Ästhetik und Funktionalität. Ein echter Game-Changer für unsere Projekte.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Hervorragender Support und Premium-Templates. Der ROI dieser Templates ist phänomenal.

    Kevin K., CEO @ WebCraft

  • Neobrutalism.com-Templates haben komplett verändert, wie wir neue Kundenprojekte angehen. Die Codequalität ist außergewöhnlich und die Designs wirklich world-class.

    Danny G., Gründer von DevStack

  • Ich habe viele Template-Bibliotheken genutzt, aber Neobrutalism.com sticht durch Performance-Optimierung und saubere Code-Architektur heraus.

    Ian D., CTO bei Wavelength

  • Die Animationen und Micro-Interactions in diesen Templates sind absolut beeindruckend. Beste Investition für unser Design-Team.

    Ben S., Lead Designer bei PixelPerfect

  • Als nicht-technischer Gründer haben uns Neobrutalism.com-Templates geholfen, unser MVP in Rekordzeit zu launchen – ohne Designqualität zu opfern. Unsere Investoren waren begeistert.

    Matthew I., Startup-Gründer

  • Ich schätze, wie modular und gut dokumentiert diese Komponenten sind. Wir konnten Teile aus verschiedenen Templates nahtlos mischen.

    Garrett P., Frontend Lead bei TechFusion

  • Der ROI von Neobrutalism.com-Templates ist unglaublich. Wir haben die Entwicklungszeit dramatisch gesenkt und liefern gleichzeitig hochwertigere Sites an unsere Kunden.

    Xavier C., Agentur-Inhaber

Häufig gefragt
Fragen

Wie der Zentrierter Portfolio-Hero-Block aufgebaut ist, was du ändern kannst und wann du ihn statt der anderen Layouts hier verwenden solltest.

Problem mit dem Zugriff? E-Mail[email protected]
Get Pro — Save 33%--:--:--