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
JSFiddle
JSFiddle has the notion of panels (or tabs if you switch into the tabbed layout), there are 4 panels, 3 where you can enter code, and 1 to see the result: HTML - structure code, no need to add body doctype head, that's added automatically, CSS - styles. You can switch pre-pocessor to SCSS, JavaScript - behavior. There are many frameworks and code pre-processors you can use. Once you enter code, just hit "Run" in the top actions bar, and the fourth panel with results will appear. SFiddle allows you to switch the layout of the editor from the classic 2x2 grid to something that suits your needs. In addition to the grids mode it also has a tabbed mode. Grids are fully resizable. As an addition resizing the Results panel will tell you its width (handy for working on media queries).
Learn more
Glitch
Glitch is a collaborative programming environment that lives in your browser and deploys code as you type. Use Glitch to build anything from a good ol’ static webpage to full-stack Node apps. You never have to start from scratch: Just start remixing an existing starter app, or clone a project from services like GitHub and GitLab to experiment and deploy on Glitch. Build off the most popular JavaScript frameworks. Your favorite companies use Glitch to share apps that get you up and running with their APIs. Invite friends to work with you on public or private projects. Anyone with a browser can jump in and pick up where you left off, and private .env files keep secrets like API keys, well, secret. There's no deployment setup—as soon as you create a new project, your Glitch app is live with its own URL (or your custom domain!). Share or embed anywhere, and invite anyone to check out your code or remix it.
Learn more
DroidEdit
Take your work everywhere. Code while you're waiting for the bus or when you're relaxing in a nice beach. Edit your files directly from the cloud. DroidEdit works with Dropbox, Drive, Box, (S)FTP servers and Git. More file providers coming shortly. Syntax highlighting for almost 200 different programming languages. Don't rush to your office if you receive an emergency call asking you to change some code. Just pick your mobile phone and edit everything you need. Checkout, edit, commit and push directly from your phone or tablet. Some developers prefer dark backgrounds, others can only code on paper white screens. To each his own. Use one of the many provided themes for syntax highlighting. If you don't like any, create your own. Expand simple expressions into full fledged HTML code automagically using Emmet.
Learn more
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
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
The All-in-One Commerce Platform for Businesses - Shopify
Shopify is a leading all-in-one commerce platform that enables businesses to start, build, and grow their online and physical stores. It offers tools to create customized websites, manage inventory, process payments, and sell across multiple channels including online, in-person, wholesale, and global markets. The platform includes integrated marketing tools, analytics, and customer engagement features to help merchants reach and retain customers. Shopify supports thousands of third-party apps and offers developer-friendly APIs for custom solutions. With world-class checkout technology, Shopify powers over 150 million high-intent shoppers worldwide. Its reliable, scalable infrastructure ensures fast performance and seamless operations at any business size.
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