# Bento components

> Create visually engaging layouts with 39 bento-style components for React and Tailwind CSS, perfect for dynamic Next.js sites.

61 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/bento.

- [Bento Grid](https://21st.dev/@manuarora700/components/bento-grid.md) — by Manu Arora
- [Bento Grid](https://21st.dev/@kokonutd/components/bento-grid.md) — by Kokonut Baffier
- [Interactive Bento Gallery](https://21st.dev/@anurag-mishra22/components/interactive-bento-gallery.md) — by Anurag Mishra
- [Cybernetic Bento Grid](https://21st.dev/@dhileepkumargm/components/cybernetic-bento-grid.md) — by Dhileep Kumar GM
- [Bento Card](https://21st.dev/@0xUrvish/components/bento-card.md) — by 0xUrvish
- [Feature Section with Bento Grid](https://21st.dev/@manuarora700/components/feature-section-with-bento-grid.md) — by Manu Arora
- [Bento Product Features](https://21st.dev/@kavikatiyar/components/bento-product-features.md) — by Kavi Katiyar
- [bento grid 01](https://21st.dev/@avanishverma4/components/bento-grid-01.md) — by Awanish Verma
- [Ruixen Bento Cards](https://21st.dev/@ruixen.ui/components/ruixen-bento-cards.md) — by Ruixen UI
- [Bento Gallery](https://21st.dev/@ravikatiyar162/components/bento-gallery.md) — by Ravi Katiyar
- [Combined Featured Section](https://21st.dev/@ruixen.ui/components/combined-featured-section.md) — by Ruixen UI
- [Features 11](https://21st.dev/@meschacirung/components/features-11.md) — by Méschac Irung
- [Magnified Bento](https://21st.dev/@0xUrvish/components/magnified-bento.md) — by 0xUrvish
- [Bento Grid](https://21st.dev/@shadcnblockscom/components/casestudy-5.md) — by Shadcnblocks.com
- [Infinite Bento Pan](https://21st.dev/@kapishdima/components/infinite-bento-pan.md) — by KapishDima
- [Colorful Bento Grid](https://21st.dev/@radu/components/colorful-bento-grid.md) — by Radu Popescu
- [Bento Grid](https://21st.dev/@lavikatiyar/components/bento-grid.md) — by Lavi Katiyar
- [Bento](https://21st.dev/@kinfe123/components/bento.md) — by KinfeMichael Tariku
- [Bento Monochrome 1](https://21st.dev/@larsen66/components/bento-monochrome-1.md) — by 21st Indexer
- [Bento Monochrome](https://21st.dev/@larsen66/components/bento-monochrome.md) — by 21st Indexer
- [HolographicInterface](https://21st.dev/@dhileepkumargm/components/holographic-interface.md) — by Dhileep Kumar GM
- [Bento Features](https://21st.dev/@larsen66/components/bento-features.md) — by 21st Indexer
- [ScrapbookBentoGrid](https://21st.dev/@dhileepkumargm/components/scrapbook-bento-grid.md) — by Dhileep Kumar GM
- [Bento Grid](https://21st.dev/@designali-in/components/bento-grid.md) — by Ali Imam
- [Bento Grid](https://21st.dev/@ravikatiyar162/components/bento-grid.md) — by Ravi Katiyar
- [GridGlowEffectPurple-blue](https://21st.dev/@dadopelanosvela/components/grid-glow-effect-purple-blue.md) — by Alejandro Bolaños Velasco
- [Bioluminescent Grid](https://21st.dev/@dhileepkumargm/components/bioluminescent-grid.md) — by Dhileep Kumar GM
- [BrutalistBentoGrid](https://21st.dev/@dhileepkumargm/components/brutalist-bento-grid.md) — by Dhileep Kumar GM
- [BentoItem](https://21st.dev/@dhileepkumargm/components/bento-item.md) — by Dhileep Kumar GM
- [TerminalBentoGrid](https://21st.dev/@dhileepkumargm/components/terminal-bento-grid.md) — by Dhileep Kumar GM
- [Feature Bento](https://21st.dev/@uilayout.contact/components/feature-bento.md) — by UI Layouts
- [BlueprintBentoGrid](https://21st.dev/@dhileepkumargm/components/blueprint-bento-grid.md) — by Dhileep Kumar GM
- [Cybernetic Bento Grid](https://21st.dev/@dhileepkumargm/components/cybernetic-bento-grid-1.md) — by Dhileep Kumar GM
- [Glowing Effect](https://21st.dev/@manuarora700/components/glowing-effect.md) — by Manu Arora
- [Features 8](https://21st.dev/@meschacirung/components/features-8.md) — by Méschac Irung
- [Animated Gradient With SVG](https://21st.dev/@danielpetho/components/animated-gradient-with-svg.md) — by Daniel Petho
- [Hero Gallery Scroll Animation](https://21st.dev/@youcefbnm/components/hero-gallery-scroll-animation.md) — by YoucefBnm Bnm
- [Features 10](https://21st.dev/@meschacirung/components/features-10.md) — by Méschac Irung
- [Bounce card features](https://21st.dev/@uniquesonu/components/bounce-card-features.md) — by Sonu
- [Testimonials](https://21st.dev/@meschacirung/components/testimonials.md) — by Méschac Irung
- [Features 9](https://21st.dev/@meschacirung/components/features-9.md) — by Méschac Irung
- [Experience Hero](https://21st.dev/@hardikkashiyani123456788/components/experience-hero.md) — by Hardik Kashiyani
- [Bento Pricing](https://21st.dev/@sshahaider/components/bento-pricing.md) — by Efferd
- [Analytics Bento](https://21st.dev/@jatin-yadav05/components/analytics-bento.md) — by Jatin Yadav
- [Blog Posts](https://21st.dev/@aymanch-03/components/blog-posts.md) — by Ayman Echakar
- [Ruixen Feature Section](https://21st.dev/@ruixen.ui/components/ruixen-feature-section.md) — by Ruixen UI
- [Spotlight Card](https://21st.dev/@berkcangumusisik/components/spotlight-card.md) — by Berkcan Gümüşışık
- [FinTech Landing Page](https://21st.dev/@abhinavcdev/components/fin-tech-landing-page.md) — by Abhinav C
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/features-section-with-team.md) — by prebuiltui
- [Glowing Effect Card](https://21st.dev/@manuarora700/components/glowing-effect-card.md) — by Manu Arora
- [Impact-section](https://21st.dev/@anish-1144/components/impact-section.md) — by Anish Mourya
- [Dark Grid](https://21st.dev/@lyanchouss/components/dark-grid.md) — by Liana Pepanyan
- [Swapy Draggable Card](https://21st.dev/@uilayout.contact/components/swapy-draggable-card.md) — by UI Layouts
- [Special Card](https://21st.dev/@reuno-ui/components/special-card.md) — by reuno-ui
- [Features Card](https://21st.dev/@mokshithcodez/components/features-card.md) — by Mokshith_Codez
- [featuresgrid](https://21st.dev/@mokshithcodez/components/featuresgrid.md) — by Mokshith_Codez
- [NeonFlow UI](https://21st.dev/@dhileepkumargm/components/neon-flow-ui.md) — by Dhileep Kumar GM
- [UltraQualityShowcaseGrid](https://21st.dev/@dhileepkumargm/components/ultra-quality-showcase-grid.md) — by Dhileep Kumar GM
- [Bento Pricing Component](https://21st.dev/@vaib215/components/bento-pricing-component.md) — by Vaibhav Kumar Singh
- [Testimonial Section](https://21st.dev/@solaceui/components/testimonial-section-1.md) — by Solace UI

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