Codepad

CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration. Find inspiration from 1.8 million+ front-end designers and developers. Browse and share work from world-class designers and developers in the front-end community. The CodePen Editor is highly customizable. There is autocomplete and Emmet for speed and accuracy. Plus you can set up smart defaults for starting new work. Completely customize the look of code demos on your own site. Change the look of your site? Just change the theme and all your Embedded Pens change too. Need to use an image in a Pen? No more awkwardly finding alternate hosting for it, you can drag-and-drop it right onto CodePen and we'll host it for you. And not just images! CSS, JSON files, SVGs, media files, whatever! Projects is the most powerful feature of CodePen.

Save and organize your code snippets in the cloud. Share and collaborate with your team members. Create code snippets in the web app, or use the browser extension to snip code blocks directly from the pages you visit. Be in full control of your code snippets. Create private lists and collections and keep things to yourself. Group similar code snippets in lists and collections and keep everything organized. Let your friends and colleagues see your private lists and collections. Give them write access for a true collaboration experience. Add custom tags and mark your code snippets as favorites, so you can easily find what you need. Find everything, from anywhere, quickly! Or use the smart search to intelligently find things by collection, list, title, syntax, or tags. View and edit your code snippets with a syntax-colored code editor. With support for 140 languages, you're basically covered! Search code snippets stored in your Snipit library and paste them directly into your project.