Skip to content

Masonry Blog Photo Grid

Blogs · Pro source

A photo-first blog index built on CSS columns, so every cover keeps its own aspect ratio instead of being cropped to a common frame. Portrait and landscape shots interleave down four columns, each under an uppercase headline and a row of tag chips, and a load more link closes the section. Every colour is a theme token, so it follows your palette in light and dark without edits.

Open live previewGet Neobrutalism Pro
Blogs
Neobrutalist masonry blog grid for React and Tailwind CSS: four columns of bordered photographs at different heights, each with an uppercase headline, a date and outlined tag chips beneath it, and a black Load more articles button centred at the bottom.
Masonry Blog Photo Grid
  • 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 Blogs layouts (7)

View all

https://neobrutalism.com/blocks/blogs/masonry-blog-photo-grid

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 Masonry Blog Photo Grid 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%--:--:--