design-infraReport a problem or share feedback← Catalog
Layout Grid
freeaceternity/layout-grid
A layout effect that animates the grid item on click, powered by framer motion layout
$
npx shadcn@latest add @aceternity/layout-gridnpm deps: motion
- Source
- Aceternity UI
- Kind
- component
- Categories
- background, features
- Use as
- drop-in — replaces your component
- Applies to
- backgroundfeatures
- Motion
- on press · medium · motion · medium cost
- Tags
- section, special, product
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Bento Gridaceternity/bento-gridSimple bento layout. Colours are hard-coded neutral-200/white/black — prefer @oc/feature-bento for theme-aware tiles, or swap classes to bg-card/border.
- Kinetic fieldoc/kinetic-field♥ The user explicitly asked to keep Kinetic Field in the homepage examples. Retain its pointer-responsive particle forms and controls.
- Features · Levels (scroll-spy)oc/feature-levels♥ Free recreation of the Aceternity multi-level features block Owen loves — default pick for feature walkthroughs on landing pages.