Catalogue
bento
React Bento components
5 variantes
Browse 5 production-ready React bento components, each with copy-paste TSX, Tailwind CSS v4 and Framer Motion. Preview every variant live, copy the code, then drop it into any React or Next.js project. The first 3 are free, no signup required.
Bento Draggablecomplex
playfulbold
Bento Magnetic Cardscomplex
boldelegant
Bento Scroll Revealmedium
minimalbold
Pro
Bento Spotlight Sweepcomplex
darkbold
Pro
Bento Text Imagemedium
editorialelegant
Frequently asked questions
How do I use these React bento components?
Open any variant to preview it live, then copy the TSX. Paste it into your React or Next.js project. The components rely on Tailwind CSS v4, so no extra setup is needed beyond Tailwind itself.
Are these bento components free?
The first 3 variants of every category are free to copy, with no signup. Full access to all 5 bento variants is included in the Pro plan.
Do they work with Next.js and Tailwind v4?
Yes. Every component is built with React, Tailwind CSS v4 and Framer Motion, and works in any Next.js or Vite project that uses Tailwind.