When comparing StackHive vs Codepen, the Slant community recommends Codepen for most people. In the question“What are the best cloud IDEs?” Codepen is ranked 17th while StackHive is ranked 20th. The most important reason people chose Codepen is:
CodePen makes it really easy to export code as a zip or Github Gist.
Ranked in these QuestionsQuestion Ranking
Pros
Pro Supports Bootstrap
StackHive supports Bootstrap 2 & 3, and provides a tutorial on using Bootstrap with Stackhive.
Pro Free plan available
There is a free plan available for trying out the IDE. It allows you 3 projects and 2 pages per project.
Pro Feature-rich for front end web development
Pro Easily export your pen
CodePen makes it really easy to export code as a zip or Github Gist.
Pro Real time output
Pro Lots of support for frameworks and preprocessors
CodePen has an impressive amount of support for preprocessors (such as Jade, Haml, Slim, Sass, Less, Stylus, Coffeescript and PostCSS). There is also plenty of frameworks and libraries to pick from (Foundation, Bootstrap, Angular, D3, Backbone, Ember etc.).
Pro Great display/profile page
The codepen profile page allows you to display all of your public pens, and control which order you want them to be viewed in. This is great for showing off your work to possible employers, other devs etc..
Pro Easily fork pens
To fork a pen only requires clicking one button, and you'll be able to modify the pen on your own account.
Pro Great community pens
You can search through other pens, either by keyword or popular, picked or recent.
Cons
Con Very similar to Webflow
Many developers and designers have called StackHive a poorly executed Webflow knock off. Though StackHive currently offers more features than Webflow, it has much less of a polished feel, and can be buggy and slow at times.
You can see a side-by-side comparison of the UI here.
Con No private pens with free account
There is an option on Codepen for private pens, however it requires upgrading to a Pro account ($9/month).