Codepen Downloader is a tool used to download showcases from codepen to your machine. This can be done either via a command line tool or from a provided download method.
It's recommended to install globally since it can be used as command line tool.
npm install cpen -g
You can then download any codepen with the following command:
cpen download <codepen url> [destination]
You can provide the full URL or only the codepen extension reference (e.g. /samirc/pen/vGKoxj
)
cpen download /samirc/pen/vGKoxj resource
This will download .html
.js
and .css
files to resource
folder.
You can use this method to dynamically download codepen files.
var cpen = require('cpen');
cpen.download('/samirc/pen/vGKoxj', 'resource', function(err) {
if (err) throw err;
console.log('Download completed!');
});
The options property is used to select which files should be downloaded. Example: ['html', 'css', 'js']
var cpen = require('cpen');
cpen.download('/ge1doot/pen/aNVYPN', 'resource', function() {
if (err) throw err;
console.log('Downloaded JS file to folder');
}, {
targetFiles : ['js'],
includeDependencies : true
});
Want to contribute? Check the recommendations.