KokonutUI Logo

CD-05CardsUpdated, October 14, 2026

Widget Grid

Dashboard widgets you lift, drag and resize on a 6-column grid, with spring physics and full keyboard support.

Install with
lucide-react, motion

PROOnboarding Checklist and more like it are in Kokonut UI Pro

Installation

Widget Grid is a free, open-source React component in the Kokonut UI Cards collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/bento-grid.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/bento-grid

Usage

import WidgetGrid from "@/components/kokonutui/bento-grid";

export default function Example() {
  return <WidgetGrid />;
}

Dependencies

Built with React, Tailwind CSS, lucide-react and motion.

On this page

No Headings