Bento Grid
Production-ready Bento Grid React component with Tailwind styling and smooth animations. Build beautiful SaaS UI layouts.
GridReactGSAPTailwind CSS
CSSTailwind
Manual
Create a file and paste the following code into it.
src/index-demo.tsx
1
2
3
4
5
6
7
8
9
10
11
import BentoGrid from "@/components/bento-grid/bento-grid";
function Demo() {
return (
<main className="w-full min-h-dvh flex items-center justify-center p-5 lg:p-10 bg-[#fffbff]">
<BentoGrid />
</main>
);
}
export default Demo;Update the import paths to match your project setup.