Bento Grid
A flexible grid layout component.
Build a better website, faster.
100+ sections and components
You're in control
This is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.
Fits right into your stack
Built with modern web technologies and tools that fit right into any React project.
No bloat, no extra dependencies, no risk of conflicts.
Data-agnostic
All the data is separate from components so you can edit it in seconds or make it dynamic.
Easily connect to a CMS of your choice.
Installation
npx shadcn@latest add "https://launchuicomponents.com/r/bento-grid"
Usage
Examples
Build a better website, faster.
100+ sections and components
You're in control
This is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.
Fits right into your stack
Built with modern web technologies and tools that fit right into any React project.
No bloat, no extra dependencies, no risk of conflicts.
Data-agnostic
All the data is separate from components so you can edit it in seconds or make it dynamic.
Easily connect to a CMS of your choice.
Build a better website, faster.
Fits right into your stack
Built with modern web technologies and tools that fit right into any React project.
No bloat, no extra dependencies, no risk of conflicts.
Data-agnostic
All the data is separate from components so you can edit it in seconds or make it dynamic.
Easily connect to a CMS of your choice.
100+ sections and components
You're in control
This is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.
Build a better website, faster.
Fits right into your stack
Built with modern web technologies and tools that fit right into any React project.
No bloat, no extra dependencies, no risk of conflicts.
100+ sections and components
You're in control
This is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.
Data-agnostic
All the data is separate from components so you can edit it in seconds or make it dynamic.
Easily connect to a CMS of your choice.
Fits right into your stack
Built with modern web technologies and tools that fit right into any React project.
No bloat, no extra dependencies, no risk of conflicts.
Build a better website, faster.
Fits right into your stack
Built with modern web technologies and tools that fit right into any React project.
No bloat, no extra dependencies, no risk of conflicts.
100+ sections and components
You're in control
This is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.
Data-agnostic
All the data is separate from components so you can edit it in seconds or make it dynamic.
Easily connect to a CMS of your choice.
Fits right into your stack
Built with modern web technologies and tools that fit right into any React project.
No bloat, no extra dependencies, no risk of conflicts.
Need help?
File a feature request, report a bug, or ask me anything.