Codepen

codepen is a development platform where anyone can edit front end languages like html, css, and javascript from their browser without downloading any software the best part is that results can be seen in real time, allowing for quicker debugging developers and designers can also create and share code snippets (called pens) with the rest of the world what is codepen used for? style guide your project you can always use codepen's online code editor to create the style for your project components this way, you can ensure yours are not influenced by code intended to style other components you can think of it as a blank canvas learn a new framework or library you don't need to set up a new environment every time you want to see if your changes work the editor view simultaneously shows the three editing areas and the preview, updating the final results every time something changes use cases a client can embed an codepen url on archbee, in order to bring an example, that reinforces his documentation codepen embed can be used as a user guide, if it is a standard use in the customer's organisation