A Chrome extension meant to enhance the CodePen experience.
Branch: master
Clone or download

README.md

CodePen Enhancement Suite

A Chrome extension meant to enhance the CodePen experience. Like RES.

Installation

Available from the Chrome web store.

To install in dev mode:

  1. git clone
  2. Follow these instructions

Current Features

Custom Editor Themes

Adds the ability to customize your editor theme via a GUI. Allows you to adjust the following:

  • Syntax highlighting
  • Background/cursor colors
  • CodePen UI colors (light/dark)

Custom Eidtor Themes

Distraction Free Mode

Adds a toggle to the "Change View" dropdown in the Pen editor to enable Distraction Free Mode

Distraction Free Mode

Resizable Pen Previews

Adds a draggable handle in the Editor View while using the Top layout that allows you to change the size of your Pen, making the experience of debugging responsive Pens a lot more pleasant.

Resizable Preview Demos

Easily see when you have new notifications

Adds a small visual indicator when new items are added to your activity feed.

New Activity

Profile Previews

Hover over a profile link for more details on that user. Currently works in the following places:

Profile Hover Preview

Toggle Custom CSS on User Profiles

CodePen users can be pretty creative. Sometimes too creative. This lets you turn off a user's custom profile CSS with a toggle switch.

Disable CSS Demo

Why Didn't You Do (Thing)?

(Thing) sounds like a really good idea. Open an issue and I'll see what I can do. Any bug reports are welcome too, please contribute!