Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

UPDATE: Traceur is gone and Babel has replaced it now on CodePen.

Traceur is a compiler that allows you to write in ES6 by processing it and turning it into ES5 code that will run in browsers today. We have it available now here on CodePen!

Rather than compiling it on the fly, we’re using it like any other preprocessor. That way, you can click the View Source button and see how it compiles, if that’s interesting to you.

Success!

See the Pen Traceur on CodePen by Chris Coyier (@chriscoyier) on CodePen.