octocatstartv headernumbered-list123split-screen

CodePen is a playground for the front end web.

Show off your latest creation and get feedback. Build a test case for that pesky bug. Find example design patterns and inspiration for your projects.

Find out more Sign me up

Background by yoksel

Picked Pens

View More Pens

Picked Posts

View More Posts

Basic Setup of Three.js

In 3D space, you need:

a Scene, which is a container of everything visible

a Camera, which act like your eyes to "see" the things

some Meshes, which is (sort of) a fancy name for 3D models

Mesh got its...

Picked Collections

View More Collections

12 Pens

The Power of Twisted Alchemy

I made two pens, Twisted Alchemy && Rings of Power. Both are perfect remix templates... so, needless to say, I'll be remixing them ;) As usual, same code, changes...

13 Pens

rainbow stars - theme

9 Pens

Amazing Animals Art Design