CodePen Projects
A web based IDE for building websites by CodePen
15 Alternatives To CodePen Projects
Adaptive Backgrounds
Extract dominant colours from images
Arbiter IDE
The offline-friendly, in-browser IDE for pure JS prototypes

CodePen
A front end web development playground.
CodePen Patterns
A collection of design patterns & code for your project
CodeSandbox
Online playground for React
ColorFavs
Generate color palettes from images, urls or randomly
Deco IDE
Best IDE for building React Native apps
Hero Patterns
A collection of repeatable SVG background patterns

Lisbon Azulejos
Collection of Lisbon walls patterns for designers
Novapattern
Curated directory of well-designed patterns to download

Patterninja
Create patterns online
Plunker
Plunker is an online community for creating, collaborating on and sharing your web development ideas.
Swift Playgrounds
Learn serious code on your iPad in a seriously fun way
Swifty
Learn to code in Swift on iPhone & iPad

Web Dev Education Platform
Build, share, learn, and thrive in front-end development