hub / github.com/codrops/3DGridContentPreview
github.com/codrops/3DGridContentPreview @main
Chat with this repo
41 symbols
85 edges
7 files
0 documented · 0%
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.
Installation
Install dependencies:
npm install
Compile the code for development and start a local server:
npm start
Create the build:
npm run build
Credits
- Images from Unsplash.com
Misc
Follow Codrops: Twitter, Facebook, GitHub, Instagram
License
Made with :blue_heart: by Codrops
Core symbols most depended-on inside this repo
mapcalled by 12
src/js/utils.js
lerp
called by 8
src/js/utils.js
calcWinsize
called by 4
src/js/utils.js
loopTransformAnimation
called by 3
src/js/gridItem.js
getRandomNumber
called by 3
src/js/utils.js
getMousePos
called by 3
src/js/utils.js
calculateSizePosition
called by 2
src/js/magneticFx.js
loopRender
called by 2
src/js/magneticFx.js
Shape
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>