In a desktop browser, click the the “Console” button at the bottom of the Editor to open the console . The console will open up at the bottom of the preview panel. If you’ve selected a custom theme for your editor, the console will also use that theme.
Read moreHow do I import libraries into CodePen?
You can add JavaScript libraries to your Pen through the JavaScript settings menu . There are two ways to access the JavaScript settings menu. For quickest access, click the gear icon in the upper left of the JS editor panel. That opens the Pen Settings menu with the JavaScript tab automatically selected.
Read moreHow do you add CSS to CodePen?
To add a preprocessor to your Pen, click the settings “gear” icon at the top of the CSS editor panel . The Pen Settings will open with the CSS tab automatically selected. You can also open Pen Settings from the button in the header.
Read moreHow do I add a CodePen to my website?
Bring your creations on CodePen to documentation, blog posts, or any other site! You can embed Pens on other websites with our copy-and-paste Embed code . To get the code, click the “Embed” button in the footer of the Editor on any Pen. This will open the Embed Builder.
Read moreHow do I download CodePen files?
Open your pen in CodePen and click export . In the way I have set up my view, the Export button is in the bottom right corner, next to “share”. Yours may be located somewhere else. Clicking export will download a zip file.
Read moreCan CodePen be downloaded?
Yes? This step is absolutely free . And you can use them for free and download the code for any of the Pens of CodePen.
Read moreHow much does CodePen cost?
Get every feature CodePen has to offer starting at $8/month and start building code faster and easier.
Read more