Current Version Of...

Need a newer version of something? (Our policy is only stable versions)

4.0.7

Haml Website • Repo

12.0.2

Markdown (Markdown-it) Website • Repo

3.0.9

Slim Repo

2.0.3

Pug Website • Repo

1.32.0

Sass Website • Repo
(Default is DartSass. Will use RubySass 3.4 if using Compass (1.0.3))

4.3.4

Bourbon Website • Repo
@import "bourbon" = 4.3.4
@import "bourbon@5.*" = 5.1.0
@import "bourbon@7.*" = 7.0.0

3.10.0

Less Website • Repo

0.54.8

Stylus Website • Repo

1.1.2

Nib Website • Repo

7.2.0

Jeet Website • Repo

7.0.32

PostCSS Website • Repo

2.5.1

CoffeeScript Website • Repo

1.5.0

LiveScript Website • Repo

4.1.3

TypeScript Website • Repo

7.3.2

Babel Website • Repo

0.11.0

htmlhint Website • Repo

13.8.0

stylelint Website • Repo

2.12.0

JS Hint Website • Repo

2.0

Emmet Website • Repo

9.8.5

Autoprefixer Website • Repo

We're all for progressive enhancement, but CodePen is a bit unique in that it's all about writing and showing front end code, including JavaScript. It's required to use most of the features of CodePen.

Need to know how to enable it? Go here.

Close this, use anyway.

{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; language-detector *; language-model *; microphone *; midi *; payment *; proofreader *; rewriter *; serial *; summarizer *; translator *; vr *; web-share *; writer *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"featureFlags":[],"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNzUyOTY1OTI5LCJpYXQiOjE3NTI5NjIzMjksImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.KUqViGWj0iy2s9fb5LFA5-oxV977RWoK9dXdGzKyg_gh7Zp7wypO8TgaudqgiPBsKoaf6CYkM1uyqEVBtNITza1yLvsHk0VBQc1CzX9fjRpZlLibQzRrpL1s84WDarA-u-1O93wgjOt4S2y5BJXlDutb_Z4gl_ATVmVCxUEM4nYGmHrFAgcHHtvZUmmdemUEz1fBZzyde_VIzMUHnpwyNzYxUEAgOUjNl6p4Gx53rfD0Gtq13VAyAA0CCUwPCA-8IgaNpFiOX8xW3KJdN2bx8xXML30bWCkmLmE5qAVk4S3XZ-cv0GdLLjiY_Uq_jZBIJxjLFcIKZPxyOqyGPo29rA"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production"}