VuePen

This is a clone of popular platform Codepen with inspiration from Web Dev Simplified where this is built with React.
Idea was to create this in Vue and show differences. Upgrade is that Bootstrap is supported in HTML Pane, and Vue is supported in JS Pane.

Note: This is built with bundless Vue approach.

Live Preview

https://vuepen-clone.netlify.app

Tools

• Vue @2.6.10
• Codemirror @5.58
• Vue-codemirror @4.0.6

Screenshots

Desktop

Mobile