cssAudio - ActiveCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatspinnerstartv headernumbered-list123split-screen

CodePen is a social development environment for front-end designers and developers. 👋

It’s the best place to build and deploy a website, show off your work, build test cases, and find inspiration.

Sign Up Learn More

This is CodePen Projects!

Projects screenshot

Picked Pens

View More Pens

Picked Projects

View More Projects

React GSAP Animation

Simple animation made for a talk at university

Progressbar when scroll

Progressbar circle when scroll

Picked Posts

View More Posts

Animating SVG polygons


I got a lot of questions about how I created my pen "animating svg polygon points", so I decided to write a little tutorial. I made the pen trying to reverse engineer the website ...

Picked Collections

View More Collections

4 Pens

var t; // JavaScripting Mondrian


16 Pens


for the stories follow the graphic below


for explanations go to syntax-error

for text b191abab05676010dc0e

for code /projekt-kreatywa/deus_ex_machina