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 I use CodePen for free?
The gist of it is open source. Anyone can use the code you put on CodePen for whatever they wish – but if they do – that code also must have this same license. This is to encourage open sharing of code. Remember that any code you post on CodePen should be compatible with this license or it is subject to removal.
Read moreDoes CodePen cost money?
Get every feature CodePen has to offer starting at $8/month and start building code faster and easier.
Read moreCan you use code on CodePen?
The gist of it is open source. Anyone can use the code you put on CodePen for whatever they wish – but if they do – that code also must have this same license . This is to encourage open sharing of code. Remember that any code you post on CodePen should be compatible with this license or it is subject to removal.
Read moreHow do you view CodePen?
#How do I get Live View? Live View is a CodePen PRO feature. When you go PRO, all of your Pens will have Live View automatically. Go to a Pen you own, open the Change View menu, and click the Live View option .
Read moreIs it OK to copy code from CodePen?
We encourage you to read that in full, but in brief, people are free to copy it and their copy can be copied as well . There are many reasons for this, one of which is that it’s kind of awesome to browse CodePen knowing everything is usable for anything you want.
Read moreHow do you write CSS in 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 more