# Masonry components

> Explore 4 responsive React masonry components styled with Tailwind CSS, perfect for creating dynamic grid layouts in your Next.js projects.

23 components available. Showing all of them below.

- [Masonry Grid](https://21st.dev/@ravikatiyar162/components/masonry-grid.md) — by Ravi Katiyar
- [Masonry Grid with Scroll Animation](https://21st.dev/@ravikatiyar162/components/masonry-grid-with-scroll-animation.md) — by Ravi Katiyar
- [Responsive Masonry Layout](https://21st.dev/@preetsuthar17/components/responsive-masonry-layout.md) — by Preet Suthar
- [Interactive Bento Gallery](https://21st.dev/@anurag-mishra22/components/interactive-bento-gallery.md) — by Anurag Mishra
- [Team Showcase](https://21st.dev/@makviesainte/components/team-showcase.md) — by Mak VieSAinte
- [Dynamic Frame Layout](https://21st.dev/@oeneco/components/dynamic-frame-layout.md) — by John
- [Image Gallery](https://21st.dev/@sshahaider/components/image-gallery.md) — by Efferd
- [Layout Grid](https://21st.dev/@manuarora700/components/layout-grid.md) — by Manu Arora
- [Testimonials](https://21st.dev/@meschacirung/components/testimonials/testimonials-four.md) — by Méschac Irung
- [Testimonials](https://21st.dev/@meschacirung/components/testimonials/testimonials-five.md) — by Méschac Irung
- [Parallax Grid Scroll](https://21st.dev/@manuarora700/components/parallax-scroll.md) — by Manu Arora
- [Bento Gallery](https://21st.dev/@ravikatiyar162/components/bento-gallery.md) — by Ravi Katiyar
- [Image Testimonial Grid](https://21st.dev/@ravikatiyar162/components/image-testimonial-grid.md) — by Ravi Katiyar
- [Infinite Drag + Scroll Gallery](https://21st.dev/@rylenlobo/components/infinite-drag-scroll.md) — by Rylen Lobo
- [In view](https://21st.dev/@ibelick/components/in-view/with-image-grid.md) — by Julien Thibeaut
- [Fluid Expanding Grid](https://21st.dev/@0xUrvish/components/fluid-expanding-grid.md) — by 0xUrvish
- [MultiMedia Testimonial](https://21st.dev/@ruixen.ui/components/multi-media-testimonial.md) — by Ruixen UI
- [React Tailwind Image Gallery](https://21st.dev/@dhileepkumargm/components/react-tailwind-image-gallery.md) — by Dhileep Kumar GM
- [Kinetic Scroll Gallery](https://21st.dev/@dhileepkumargm/components/kinetic-scroll-gallery.md) — by Dhileep Kumar GM
- [Shared Element Gallery](https://21st.dev/@easemize/components/shared-element-gallery.md) — by Hossain Jahed
- [Interactive Image Gallery](https://21st.dev/@ruixen.ui/components/interactive-image-gallery.md) — by Ruixen UI
- [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations.md) — by YoucefBnm Bnm
- [Tweet Grid](https://21st.dev/@cult-ui/components/tweet-grid.md) — by cult/ui

Full component directory: https://21st.dev/llms.txt