A Chrome extension meant to enhance the CodePen experience. Like RES.
Available from the Chrome web store.
To install in dev mode:
git clone
- Follow these instructions
- Custom editor themes
- Distraction Free editing mode
- Resizable Pen previews
- Easily see when you have new notifications
- On-hover profile previews
- Toggle custom CSS on user profiles
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)
Adds a toggle to the "Change View" dropdown in the Pen editor to enable Distraction Free Mode
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.
Adds a small visual indicator when new items are added to your activity feed.
Hover over a profile link for more details on that user. Currently works in the following places:
CodePen users can be pretty creative. Sometimes too creative. This lets you turn off a user's custom profile CSS with a toggle switch.
(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!