CodePen

Input—per 1M tokens

Output—per 1M tokens

Context—tokens

WeightsClosed

About

CodePen is ranked #3 of 35 in code Playground Software on Inferse, made by CodePen (Bend, Oregon, United States). It runs on API, Web. There is a free plan. Paid plans start at $8/mo.

Compared on code Playground Software

Free plan: Yescodepen.io
Runtime scope: frontendcodepen.io
Real-time collaboration: Yescodepen.io
Private projects: Yescodepen.io
Public sharing: Yescodepen.io
Custom domains: Yescodepen.io
Deployment support: Yescodepen.io

Facts

Free plan: Yescodepen.io · 20 Sept 2026
Private projects: Yescodepen.io · 20 Sept 2026
Purpose: CodePen is a social development environment for front-end designers and developers to build, test, deploy, share, and discover front-end code.codepen.io · 30 Sept 2026
Browser editor: Pens let users write HTML, CSS, and JavaScript with a real-time preview in the browser.codepen.io · 30 Sept 2026
Preprocessors: CodePen supports HTML preprocessors including Markdown, Haml, Slim, and Pug, and CSS preprocessors including Sass, Less, Stylus, and PostCSS.codepen.io · 30 Sept 2026
CodePen 2.0: The CodePen 2.0 editor supports automatic preprocessing, live previews, file systems, version history, collaboration, and one-click Pen deployment.blog.codepen.io · 30 Sept 2026
Integrations: Users can add external CSS and JavaScript resources, use other Pens as resources, and search for JavaScript and CSS libraries from CDNjs.blog.codepen.io · 30 Sept 2026
npm packages: CodePen's compiler can process bare npm package imports with import maps, and package search is powered by the jsDelivr API.blog.codepen.io · 30 Sept 2026
Embeds and API: Pens can be embedded on other websites, and CodePen documents a basic REST API, POST-to-prefill, oEmbed, and prefill embeds.blog.codepen.io · 30 Sept 2026
Team collaboration: Teams share Pens, Collections, Assets, and billing, and team members get PRO features and can edit Team Pens together.codepen.io · 30 Sept 2026
Public content: Pens and Projects are public by default, and the privacy policy says public Pens and Projects are automatically licensed under MIT.blog.codepen.io · 30 Sept 2026
Private content: PRO private Pens and Collections are hidden from public search and profiles, but anyone with the unguessable shared URL can view them without logging in; CodePen says this is not enterprise-level security.codepen.io · 30 Sept 2026
Security: CodePen says it uses security processes, firewalls, and generally available security technologies, and states that it cannot guarantee data security from intrusion or unauthorized release.blog.codepen.io · 30 Sept 2026
Support: CodePen directs users to its documentation and an online support form, and lists [email protected] as a contact address.codepen.io · 30 Sept 2026
Self-hosting limit: CodePen states that it does not offer a self-hosted version.codepen.io · 30 Sept 2026
Intended users: CodePen describes itself as useful for developers of any skill and particularly empowering for people learning to code, as well as for prototyping, debugging, client review, hiring, and portfolios.codepen.io · 30 Sept 2026