Pricing

Bento Grid

Bento Grid — an animated grid component from Kokonut UI.

KKokonut UI·byKUKokonut UIPro

251

Bookmarks

6,451

Installs

13,051

Views

9 lines
import Component from "@/components/ui/bento-grid"

export default function Demo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center p-6">
      <Component />

3 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
lucide-reactmotion
Source
kokonutui.com
License
MIT License
Published
1/13/2025
Categories
Grids & Bento

Similar components

KUSwoosh Text
8.2k
KUFlow Field
8.1k
KUSwitch Button
8k
KUMorphic Navbar
8k
KUHold Button
7.9k
KUCommand Button
6.9k

That's all 6 components

Explore more

Part of Kokonut UI — browse the full library on Nuxus.

Grids & Bento components620