CodePen vs GitHub

CodePen
CodePen

21
16
0
GitHub
GitHub

38.5K
30.1K
10K
Add tool

CodePen vs GitHub: What are the differences?

CodePen: An online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets. It is a social development environment for front-end designers and developers.. It functions as an online code editor and open-source learning environment, where developers can create code snippets, creatively named "pens", and test them; GitHub: Powerful collaboration, review, and code management for open source and private development projects. GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.

CodePen can be classified as a tool in the "Cloud IDE" category, while GitHub is grouped under "Code Collaboration & Version Control".

According to the StackShare community, GitHub has a broader approval, being mentioned in 6386 company stacks & 31391 developers stacks; compared to CodePen, which is listed in 6 company stacks and 14 developer stacks.

- No public GitHub repository available -
- No public GitHub repository available -

What is CodePen?

It is a social development environment for front-end designers and developers.. It functions as an online code editor and open-source learning environment, where developers can create code snippets, creatively named "pens", and test them.

What is GitHub?

GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.

Want advice about which of these to choose?Ask the StackShare community!

Why do developers choose CodePen?
Why do developers choose GitHub?
    Be the first to leave a pro

    Sign up to add, upvote and see more prosMake informed product decisions

    What are the cons of using CodePen?
    What are the cons of using GitHub?
      Be the first to leave a con

      Sign up to add, upvote and see more consMake informed product decisions

      What companies use CodePen?
      What companies use GitHub?

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with CodePen?
      What tools integrate with GitHub?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to CodePen and GitHub?
      CodeSandbox
      CodeSandbox allows developers to simply go to a URL in their browser to start building. This not only makes it easier to get started, it also makes it easier to share. You can just share your created work by sharing the URL, others can then (without downloading) further develop on these sandboxes.
      Codeanywhere
      A development platform that enables you to not only edit your files from underlying services like FTP, GitHub, Dropbox and the like, but on top of that gives you the ability to collaborate, embed and share through Codeanywhere on any device.
      JSFiddle
      It is an online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets, known as 'fiddles'. It allows for simulated AJAX calls.
      Visual Studio Code
      Build and debug modern web and cloud applications. Code is free and available on your favorite platform - Linux, Mac OSX, and Windows.
      Sublime Text
      Sublime Text is available for OS X, Windows and Linux. One license is all you need to use Sublime Text on every computer you own, no matter what operating system it uses. Sublime Text uses a custom UI toolkit, optimized for speed and beauty, while taking advantage of native functionality on each platform.
      See all alternatives
      Decisions about CodePen and GitHub
      No stack decisions found
      Interest over time
      Reviews of CodePen and GitHub
      Avatar of sivakumar-kailasam
      Staff Software Engineer
      Review ofGitHubGitHub

      For starters you can fork a repo, edit it online and send a pull request which is huge if its something very small that you want to commit. The whole pull request system, the UI and the UX are great. If I sent out a pull request that failed on travis CI then all I need to do is fix it in my fork and the original pull request will have these updates as well making it super easy for everyone involved. Overall a great service.

      Review ofGitHubGitHub

      I love GitHub! They provide a completely free service for hosting, storing, and collaborating on code. Seriously, if you aren't using them, go sign up now.

      Review ofGitHubGitHub

      Great collaboration-friendly git repository hosting. Plus integration with all sorts of other stuff, like Travis CI. But the command bar has disappeared...

      Avatar of princesust
      Science
      Review ofGitHubGitHub

      It's the best tools I have ever used.

      How developers use CodePen and GitHub
      Avatar of Airbnb
      Airbnb uses GitHubGitHub

      "Having a CI server building all commits across all branches was a huge first step, but to make this useful we needed to surface the outcome of these builds. This is where GitHub’s commit status API comes in. Every time our CI server begins a build, it pings GitHub’s commit status endpoint, and every time it completes a build it hits the endpoint again with the outcome. Now every open PR includes a yellow/red/green indicator for the branch in question, with a direct link to the build status page on our CI server. In practice this means more transparency, faster feedback cycles, and a guarantee that every branch merged into master has a passing test suite. This integration has been a huge help in keeping our master branch green, and has thus greatly reduced our deploy times (since engineers aren’t waiting on build failures to be resolved in master)."

      Avatar of Matt Welke
      Matt Welke uses GitHubGitHub

      Pervasive, easy to use Git repo hosting. I host ongoing personal projects privately and my personal blog (via GitHub Pages).

      I also take successful proofs of concept (for example, experimenting with linking AWS Lambda to Heroku Postgres to create a serverless SQL backed web app), and host them as public example repos. These are linked to Dependabot and CircleCI if they have tests so that dependencies can be kept up to date automatically over time and the code using the dependencies can stay fresh over time for example viewers.

      Avatar of yaswanthgoud3235
      yaswanthgoud3235 uses GitHubGitHub

      GitHub is a Web-based Git version control repository hosting service. It is mostly used for computer code. It offers all of the distributed version control and source code management (SCM) functionality of Git as well as adding its own features. It provides access control and several collaboration features such as bug tracking, feature requests, task management, and wikis for every project

      Avatar of Instacart
      Instacart uses GitHubGitHub

      Yeah, so we use GitHub, and we basically use a variant of continuous deployment where when anyone merges in a feature that they’ve finished with, they ship it immediately, and we bundle it up as a build pack and send it to all of our EC2 servers... Any developer on the team can trigger a build and deploy at any time. So on a given day, we probably deploy 20 or 30 times to prod.

      Avatar of StackShare
      StackShare uses GitHubGitHub

      One thing I really wish GitHub had: Trello-style kanban for Issues. There are a bunch of services and tools that add Kanban to GitHub Issues. But Trello just seems far better. If GitHub had it’s own kanban tool, I’d probably use it. Right now it’s pretty painful to try to tie cards to commits manually (when/if we remember to).

      How much does CodePen cost?
      How much does GitHub cost?
      Pricing unavailable
      News about CodePen
      More news