Download codepens

Usage no npm install needed!

<script type="module">
  import cpen from 'https://cdn.skypack.dev/cpen';


Codepen Downloader

NPM Version Build Status NPM Downloads

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)


Command line:

cpen download /samirc/pen/vGKoxj resource

This will download .html .js and .css files to resource folder.

cpen.Download(url, destination, onCompleteCallback, [options], [onTick]):

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.