CodePen Projects

What it does

What is CodePen Projects? If you're familiar with the term, you can think of it as an IDE (Integrated Development Environment) for building websites. Like all of CodePen, you use it right in your web browser. You have a sidebar with all your files. You can create new files and folders there (even by drag…

If you’re familiar with the term, you can think of it as an IDE (Integrated Development Environment) for building websites. Like all of CodePen, you use it right in your web browser. You have a sidebar with all your files. You can create new files and folders there (even by drag and dropping from your computer), as well as delete, duplicate, and rename them. You can view, edit, and rearrange your files in separate tabs. There is debugging in that your code can be checked for errors and you will be notified of problems. The CodePen Project Editor is both very powerful and very comfortable. There is no setup, you just start using it. Aside from this blog post, you can also check out our…from blog.codepen.io

• 
  CodePen Projects2017 · codepen.io · ▲288

  A web based IDE for building websites by CodePen

• 
  CodePen2014 · codepen.io · ▲109

  HTML, CSS, and JavaScript editor in the browser.

• 
  CodePen2015 · codepen.io · ▲11

  Front-End Developer Playground & Code Editor in the Browser

• 
  CodePen Patterns2014 · codepen.io · ▲243

  A collection of design patterns & code for your project

• 
  CodeMyUI2015 · codemyui.com · ▲242

  Handpicked code snippets you can use in your web projects

• 
  Codesign.io2015 · codesign.io · ▲327

  Visual feedback on everything

• 
  /dev/null▲468

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Startup School▲1,010

  A free online program to teach you how to start a company

  Life & fun · 2017 · startupschool.org

• 
  Neuralink▲890

  Elon Musk's newest company, merging our brain with AI

  AI · 2017 · neuralink.com

• 
  Hardbound 3.0▲739

  Illustrated summaries of bestselling nonfiction books

  Life & fun · 2017 · apps.apple.com

• 
  Canny▲704

  The easiest way to collect & manage feedback

  Growth · 2017 · canny.io

• 
  Visual Biographies▲679

  Timelines of amazing lives for visual learners

  Work · 2017

• 
  Breaker▲676

  The social podcast app 🎧

  Life & fun · 2017 · player.fm