MCPcopy Create free account
hub / github.com/codrops/3DGridContentPreview

github.com/codrops/3DGridContentPreview @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
41 symbols 85 edges 7 files 0 documented · 0% updated 3y ago★ 1771 open issues

Browse by type

Functions 31 Types & classes 10
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Magnetic 3D Grid Interaction with Content Preview

A grid layout with a magnetic 3D hover effect and a content preview animation.

Magnetic 3D Grid Interaction with Content Preview

Article on Codrops

Demo

Installation

Install dependencies:

npm install

Compile the code for development and start a local server:

npm start

Create the build:

npm run build

Credits

Misc

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with :blue_heart: by Codrops

Core symbols most depended-on inside this repo

browse all functions →

Shape

Method 24
Class 10
Function 7

Languages

TypeScript100%

Modules by API surface

src/js/gridItem.js9 symbols
src/js/magneticFx.js8 symbols
src/js/utils.js7 symbols
src/js/grid.js7 symbols
src/js/cursor.js6 symbols
src/js/preview.js4 symbols

For agents

$ claude mcp add 3DGridContentPreview \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page