This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Bits CodePen List


CodePen is one of the best tools for front-end developers to experiment, test out some new code, compile and reorganize your stuff, and of course to share them as well. This plugin offers a little help to share your pens in WordPress.

Display type settings

Use shortcode, widget or insert into the post editor with a TinyMCE button.

Clean and simple

No formatting from the plugin side. The list will be a simple unordered list, which get the values from your site CSS. To customize the plugin just reference the the unordered list’s .bits-codepen-list class in your CSS and style it however you want. No defaults or presets included.

Pens and posts

You can list your posts and pens too!

Cache enabled

To fetch we use RSS and you can set the cache value easily!


  • A pen's link inserted in the editor and the plugin automatically coverts it to an embed pen.
  • The CodePen list widget editor.
  • The TinyMCE extension for easy list insertion. Fill the fields and ready to go.
  • The activated CodePen list as a widget.
  • The inserted shortcode converted to a list in a post.


  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress


Do I need a CodePen API key for this plugin?

No, there is no need for any API credentials.

Has this plugin access for my private pens?

No, this plugin lists your public posts and pens only.

Does this plugin have any dependency?

No, it’s a depencency-free plugin.

Contributors & Developers

“Bits CodePen List” is open source software. The following people have contributed to this plugin.

Translate “Bits CodePen List” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Implementing a common module interface
  • Fix some typo


  • Use strings instead Something::class notation to support older PHP versions


  • Fix some typo
  • Fix some minor bugs
  • Some refactoring


  • Fix WP Roket cache conflict
  • Fix some minor bugs