hub / github.com/codrops/ShapesSlideshow

github.com/codrops/ShapesSlideshow @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

36 symbols 72 edges 11 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

Shape Slideshow with Clip-path

An experimental slideshow using clip-path to create shape transitions between slides.

Shape Slideshow

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

Images from Unsplash

Misc

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with :blue_heart: by Codrops

Core symbols most depended-on inside this repo

src/js/demo1/slideshow.js

navigate

called by 2

src/js/demo3/slideshow.js

navigate

called by 2

src/js/demo2/slideshow.js

navigate

called by 2

src/js/demo4/slideshow.js

init

called by 1

src/js/demo1/slideshow.js

called by 1

src/js/demo1/slideshow.js

Shape

Method 23

Class 12

Function 1

Languages

TypeScript100%

Modules by API surface

src/js/demo4/slideshow.js7 symbols

src/js/demo3/slideshow.js7 symbols

src/js/demo2/slideshow.js7 symbols

src/js/demo1/slideshow.js7 symbols

src/js/navigation.js4 symbols

src/js/slide.js3 symbols

src/js/utils.js1 symbols

For agents

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

⬇ download graph artifact