Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
ces
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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!

About

A Chrome extension meant to enhance the CodePen experience.

Resources

License

Releases

No releases published
You can’t perform that action at this time.