Skip to content

Split Portfolio Hero

Hero Sections · Pro source

A hero for a freelance designer or developer introducing themselves by name. A greeting line sits above a headline whose last word is boxed and tilted in the brand colour, followed by a short positioning paragraph and one contact button — a single action, because a portfolio hero that offers three is a portfolio nobody contacts. The second column holds a cut-out photograph with its own collage of stickers. Every colour is a theme token, so it follows your palette in light and dark without edits.

Open live previewGet Neobrutalism Pro
Hero Sections
Neobrutalist portfolio hero section for React and Tailwind CSS: the greeting Hi, my name is Olivia above the headline I turn ideas into realities with the last word boxed and tilted in yellow, a Get in touch button, and a black-and-white photo of a smiling designer in a pink panel surrounded by a code-brackets bubble, a lime arc, and an Available for freelance label.
Split Portfolio Hero
  • Heroes, pricing & auth
  • Preview every breakpoint
  • Copy the source
  • MCP install ready
  • Radix · Base UI · React Aria
  • 158 ready-made blocks
  • Page sections that ship
  • Dashboards & marketing
  • Pro unlocks the code
  • Drop-in layouts
PreviewFreeOpen it full-screen and switch breakpoint or theme.CodeProOne self-contained TSX file. Copy it, own it.InstallProOne shadcn CLI command — or the agent prompt for Claude Code, Cursor, or any MCP client.

Built with

Plus lucide-react icons and Tailwind CSS — no other runtime dependency.

More Hero Sections layouts (7)

View all

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

Loved by devs, designers
& creators

  • Stumbled across your UI kit and grabbed it right away. Impressed it's new, actively maintained, and always improving — amazing work! 🤘

    Ziv Reich, Software Developer

  • Just wanted to say great job on neobrutalism.com. Really love it. I suck at design. So this was amazing. Used it on my personal site.

    Paul Bratslavsky, Creator of Coding With Paul

  • Finally rebuilt my personal website with Neobrutalism.com — fun library, super easy to get started!

    Cameron Blackwood, Content Creator

  • Neobrutalism.com is one of my favorite retro-style UI component libraries — components that actually ship.

    Zhengyang Hou, Indie Hacker

  • one of my fav ui libraries for the web. great work — hope it goes above and beyond.

    Taseen Tanvir, Founder & Designer

  • Just tried Neobrutalism.com Pro — a UI kit that doesn't look like everything else. The neo-brutalist blocks made prototyping weird, fun layouts way faster. 🔥

    Nitesh Padghan, Ghostwriter

  • Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • I'm thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.

    Desmond, Co-founder @ VectorlabsVentures

  • As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With Neobrutalism.com, I literally plug in a template, tweak the copy, and I'm ready to ship.

    Duke Opoku Amankwah, Founder @ Midas

  • The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.

    Abiola Braimah, Developer @ Studio IX

  • Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.

    Acromond X., Co-founder @ VectorlabsVentures

  • Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work.

    Raquib S., Backend Developer

  • These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.

    Hallic M., Developer @ AtlasLabs

  • Neobrutalism.com templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Outstanding support and premium quality templates. The ROI on these templates is phenomenal.

    Kevin K., CEO @ WebCraft

  • Neobrutalism.com templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.

    Danny G., Founder of DevStack

  • I've used many template libraries before, but Neobrutalism.com stands out for its attention to performance optimization and clean code architecture.

    Ian D., CTO at Wavelength

  • The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.

    Ben S., Lead Designer at PixelPerfect

  • As a non-technical founder, Neobrutalism.com templates helped us launch our MVP in record time without compromising on design quality. Our investors were blown away.

    Matthew I., Startup Founder

  • I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.

    Garrett P., Frontend Lead at TechFusion

  • The ROI on Neobrutalism.com templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.

    Xavier C., Agency Owner

Frequently asked
questions

How the Split Portfolio Hero block is put together, what you can change, and when to use it instead of the other layouts here.

Block access issue? Email[email protected]
Get Pro — Save 33%--:--:--