MCPcopy Index your code
hub / github.com/codrops/OnScrollShapeMorph

github.com/codrops/OnScrollShapeMorph @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
306 symbols 888 edges 8 files 2 documented · 1%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

On-Scroll Shape Morph

A demo of a on-scroll shape morph animations with an interactive tilt effect.

On-Scroll Shape Morph

Article on Codrops

Demo

Installation

Run this demo on a local server.

Credits

Misc

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with :blue_heart: by Codrops

Core symbols most depended-on inside this repo

render
called by 30
js/interactive-tilt.js
setupAnimationDefaults
called by 7
js/index.js
prepareTextForAnimation
called by 5
js/index.js
lerp
called by 5
js/utils.js
map
called by 5
js/utils.js
calcWinsize
called by 2
js/utils.js
initSmoothScrolling
called by 1
js/index.js
scroll
called by 1
js/index.js

Shape

Function 302
Class 2
Method 2

Languages

TypeScript100%

Modules by API surface

js/gsap.min.js163 symbols
js/ScrollTrigger.min.js98 symbols
js/splitting.min.js15 symbols
js/index.js12 symbols
js/utils.js5 symbols
js/lenis.min.js5 symbols
js/interactive-tilt.js4 symbols
js/imagesloaded.pkgd.min.js4 symbols

For agents

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

⬇ download graph artifact