Audience
Designers and developers seeking for a social development environment
About CodePen
CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration. Find inspiration from 1.8 million+ front-end designers and developers. Browse and share work from world-class designers and developers in the front-end community. The CodePen Editor is highly customizable. There is autocomplete and Emmet for speed and accuracy. Plus you can set up smart defaults for starting new work. Completely customize the look of code demos on your own site. Change the look of your site? Just change the theme and all your Embedded Pens change too. Need to use an image in a Pen? No more awkwardly finding alternate hosting for it, you can drag-and-drop it right onto CodePen and we'll host it for you. And not just images! CSS, JSON files, SVGs, media files, whatever! Projects is the most powerful feature of CodePen.
Other Popular Alternatives & Related Software
JS Bin
JS Bin is a tool for experimenting with web languages. In particular HTML, CSS and JavaScript, but JS Bin also supports other languages too (like Markdown, Jade and Sass). JS Bin is ultimately a code sharing site. Along with the code, the complete output of the code is also shared with other developers, colleagues and/or students. As you type into one of the editor “panels”, you and anyone watching your bin will see the output being generated in real-time in the output panel. There’s many features tucked away inside JS Bin, but our design principle is that everyone gets a cursor. So when you arrive for the first time, you’ll be greeted with an initial start HTML page and very little else (though you can customise your default code). If you register (which is free and simple), your profile will remember which bins you created, but also give you a shortcut URL that always takes you to the last bin you worked on.
Learn more
StackBlitz
Create, edit & deploy fullstack apps — in just one click. Create user interfaces that are out of this world thanks to our partnership with Progress KendoReact. Go to Definitions, and other Visual Studio Code features just work. Tweak your app in real time without page reloads while preserving your app state. Import any NPM package into your project quicker than on local. Thanks to our revolutionary in-browser dev server. Drag & Drop files and folders into the editor. No more copy + pasting, uploading, or git commands. Your app is being hosted for easy live sharing. Create new projects by simply POSTing the desired project data from a form— useful when you don't/can't use our Javascript SDK. With your desired StackBlitz project open, simply drag and drop any files and folder you want to import.
Learn more
Replit
Use our free, collaborative, in-browser IDE to code in 50+ languages — without spending a second on setup. Start coding with your favorite language on any platform, OS, and device. Invite your friends, teammates, and colleagues right into your code with Google-docs like editing. Import, run, and collaborate on millions of GitHub repos with 0 manual setup. From Python, to C++, to HTML and CSS, stay in one platform to learn and code in any language you want. The second you create a new repl, it's instantly live and sharable with the world. Learn how to code from 3 million+ passionate programmers, technologists, creatives, and learners of all kinds. Make your team more productive with interactive docs, real-time collaboration, and 0-hassle remote interviewing. Create apps programatically, spin up bots and customize the IDE with plugins to fit your needs.
Learn more
Plunker
Plunker is the best tool to prototype, experiment, share and debug your ideas on the web platform. From idea to implementation, Plunker helps you build something quickly and frictionlessly. Losing work sucks. We know that and we've felt it. That's why we made it almost impossible to lose yours. We keep track of your most recent work and keep a copy of all of your unsaved code. Every time you start an experiment, open a Plunk, a Gist or a Githubrepo, we save that for you and let you catch up where you left off. Plunker isn't a one-way street. Drag files from your desktop into the Plunker Editor's file tree and let your imagination go wild. This goes both ways. When you're ready to graduate, drag your project right to your desktop in one pretty little zip file ready for upload! All the power of the editor, in a clean little box with a bunch of knobs and levers to best suit your needs.
Learn more
Pricing
Starting Price:
$8 per month
Pricing Details:
Billed annually
Free Version:
Free Version available.
Company Information
CodePen
Founded: 2012
United States
codepen.io
Videos and Screen Captures
Other Useful Business Software
MongoDB Atlas runs apps anywhere
MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
Product Details
Platforms Supported
Cloud
Training
Documentation
Support
Online
CodePen Frequently Asked Questions
CodePen Product Features
CodePen Additional Categories
CodePen Verified User Reviews
Write a Review-
Probability You Would Recommend?1 2 3 4 5 6 7 8 9 10
"Very good" Posted 2021-02-12
- Previous
- You're on page 1
- Next