CodePen vs GitHub

Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

CodePen
CodePen

57
41
+ 1
0
GitHub
GitHub

57.9K
48.7K
+ 1
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.
Get Advice Icon

Need advice about which tool 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

      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.
      Atom
      At GitHub, we're building the text editor we've always wanted. A tool you can customize to do anything, but also use productively on the first day without ever touching a config file. Atom is modern, approachable, and hackable to the core. We can't wait to see what you build with it.
      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.
      See all alternatives
      Decisions about CodePen and GitHub
      GitHub
      GitHub
      Python
      Python
      Django
      Django
      Heroku
      Heroku
      PostgreSQL
      PostgreSQL
      uWSGI
      uWSGI

      I find I really like using GitHub because its issue tracker integrates really well into my project flow and the projects feature allows me to organize different efforts into boards. The automation features allow my issues to automatically progress through some states on the boards when I merge pull requests.

      My Python / Django app is deployed on Heroku with PostgreSQL database and uWSGI webserver.

      See more
      Jaime Leonardo Suncin Cruz
      Jaime Leonardo Suncin Cruz
      GitHub
      GitHub
      GitLab
      GitLab

      Keep with GitHub if you feel comfortable, If you want to switch to other keep in mind the change of mindset and you will need time to adapt, i'm not saying that GitLab is bad or difficult just the opposite, but it can be overwhelming because it have more integrated features (I love this) than GitHub , what it means more configs available that you can mess up.

      See more
      Elisa Beshero-Bondar
      Elisa Beshero-Bondar
      Director, Center for the Digital Text at University of Pittsburgh, Greensburg · | 13 upvotes · 29.8K views
      Trello
      Trello
      GitHub
      GitHub

      I use GitHub because it can handle all the project management (it's got a great built-in kanban for projects that integrate beautifully with Issues. Also line-comments on commits are super useful to us. The integrated environment is perfect, light-weight, and it's nice NOT to have to deal w/ project management with a tool like Trello outside of the codebase. It's good to have everything in one place.

      See more
      Handuo Zhang
      Handuo Zhang
      Phd Student at NTU · | 6 upvotes · 6.8K views
      GitHub
      GitHub

      I use GitHub because since it was bought by Microsoft, some new features are being introduced in and most importantly, the git clone speed is usually much faster than gitlab. Gitlab is very good, I like the member permission function which is good for collaborative coding. But still I am more used to github interface.

      See more
      Budi Arsana
      Budi Arsana
      Programmer · | 13 upvotes · 10K views
      atBunga MataBunga Mata
      GitHub
      GitHub

      I prefer to use GitHub because their website speed is faster and the availability more reliable than the competitors, this is our top priority as GitHub is our core functionality we need to be able to operate in development. And since their new pricing make more sense and work for us as they are charging based on how many developers than repositories, this help us to keep our repositories smaller by dividing each codebase into specifics repositories.

      See more
      Russtopia Labs
      Russtopia Labs
      Sr. Doodad Imagineer at Russtopia Labs · | 3 upvotes · 48K views
      Gogs
      Gogs
      GitHub
      GitHub
      Go
      Go
      GitLab
      GitLab

      I installed Gogs after a few repos I planned to use on GitHub disappeared without explanation, and after Microsoft's acquisition of same, it made me think about the over-centralization of community-developed software. A self-hosted solution that enables easy point-and-click mirroring of important repositories for my projects, both in-house and 3rd-party, ensures I won't be bitten by upstream catastrophes. (So far, Microsoft's stewardship has been fine, but always be prepared). It's also a very nice way to host one's own private repos before they're ready for prime-time on github.

      Gogs is written in Go and is easy to install and configure, much more so than GitLab. The only major feature I wish it had is an integrated code review tool, but the web plugin hypothes.is https://stackshare.io/hypothes-is/hypothes-is actually is quite suitable as a code review tool. Set up a group for each code review, and just highlight lines to add comments in pull request pages of Gogs.

      See more
      Priit Kaasik
      Priit Kaasik
      Engineering Lead at Katana MRP · | 8 upvotes · 261K views
      atKatana MRPKatana MRP
      Confluence
      Confluence
      Bitbucket
      Bitbucket
      GitHub
      GitHub
      Jira
      Jira
      Microsoft Office 365
      Microsoft Office 365
      Slack
      Slack
      InVision
      InVision
      Sketch
      Sketch

      How we ended up choosing Confluence as our internal web / wiki / documentation platform at Katana.

      It happened because we chose Bitbucket over GitHub . We had Katana's first hackaton to assemble and test product engineering platform. It turned out that at that time you could have Bitbucket's private repositories and a team of five people for free - Done!

      This decision led us to using Bitbucket pipelines for CI, Jira for Kanban, and finally, Confluence. We also use Microsoft Office 365 and started with using OneNote, but SharePoint is still a nightmare product to use to collaborate, so OneNote had to go.

      Now, when thinking of the key value of Confluence to Katana then it is Product Requirements Management. We use Page Properties macros, integrations (with Slack , InVision, Sketch etc.) to manage Product Roadmap, flash out Epic and User Stories.

      We ended up with using Confluence because it is the best fit for our current engineering ecosystem.

      See more
      Daniel Quinn
      Daniel Quinn
      Senior Developer at Workfinder · | 6 upvotes · 7.6K views
      atThe Paperless ProjectThe Paperless Project
      GitHub
      GitHub
      GitLab
      GitLab

      We use GitHub because it's the default go-to place for the Free software community. Currently, Github is enjoying the network effect: you write code there because everyone writes there code there, so this choice was less of a choice than "what we all end up doing".

      Personally, I prefer GitLab for its bundled-in tools like CI, boards, packaging, and Docker repo, but so long as the vast majority of talented nerds out there are on Github, that's where Paperless will be.

      See more
      GitHub
      GitHub
      Bitbucket
      Bitbucket
      GitLab
      GitLab

      I use GitHub because it's the coolest kid on the block for open source. Searching for repos you need/want is easy.

      Especially with the apache foundation moving their workloads to them, unlimited private repos, and a package registry on the way, they are becoming the one stop shop for open source needs.

      I'm curious to see how the GitHub Sponsors(patreon for developers) plays out, and what it'll do for open source. Hopefully, they design it in a way where it's not abused by big tech to "plant" developers that look like they're building open source when they're actually building proprietary tools.

      Bitbucket GitLab

      See more
      Tom Klein
      Tom Klein
      CEO at Gentlent · | 9 upvotes · 106.3K views
      atGentlentGentlent
      Git
      Git
      GitHub
      GitHub
      GitLab
      GitLab
      Docker
      Docker
      Kubernetes
      Kubernetes
      HAProxy
      HAProxy
      Varnish
      Varnish
      npm
      npm
      Visual Studio Code
      Visual Studio Code

      We're using Git through GitHub for public repositories and GitLab for our private repositories due to its easy to use features. Docker and Kubernetes are a must have for our highly scalable infrastructure complimented by HAProxy with Varnish in front of it. We are using a lot of npm and Visual Studio Code in our development sessions.

      See more
      GitHub
      GitHub
      #Github
      #Repositories
      #GitHubPullRequests
      #GithubIssues
      #Commits
      #Feasible
      #GithubMarket
      #ToolsForGithub
      #Licensing
      #DependencyMonitoring
      #Safe
      #Secure
      #Accessible

      The world we currently live in consists of Jargon technologies and with each passing day a new technology is introduced in the market which serves to improves the life in one or the other way. #Github is one of the splendid Version Control repository management services which has a key component in the software development workflow and has a greater impact on developers life giving valuable essence to utilize the best tools fitted for any product.

      In the last few years, GitHub and GitLab positioned themselves as handy assistants for developers, particularly when working in large teams. I use GitHub because it has overcome my time in maintaining code and product #Repositories. #GitHubPullRequests along side with #GithubIssues have helped me and many moderators like me to keep a track of the #commits done by any number of people around the world.

      People synchronization to various roots of our project repositories has made our product to stand Safe Secure Accessible and #Feasible The newer addition to #GithubMarket and #ToolsForGithub has helped our community to use various in-built applications which provided us to track up with #Documentation, #Licensing #Codebase-Hosting and #DependencyMonitoring

      See more
      GitHub
      GitHub
      GitLab
      GitLab
      Bitbucket
      Bitbucket
      #Githubmarketplace

      A bit difference in GitHub and GitLab though both are Version Control repository management services which provides key component in the software development workflow. A decision of choosing GitHub over GitLab is major leap extension from code management, to deployment and monitoring alongside looking beyond the code base hosting provided best fitted tools for developer communities.

      • Authentication stages - With GitLab you can set and modify people’s permissions according to their role. In GitHub, you can decide if someone gets a read or write access to a repository.
      • Built-In Continuous Integrations - GitLab offers its very own CI for free. No need to use an external CI service. And if you are already used to an external CI, you can obviously integrate with Jenkins, etc whereas GitHub offers various 3rd party integrations – such as Travis CI, CircleCI or Codeship – for running and testing your code. However, there’s no built-in CI solution at the moment.
      • Import/Export Resources - GitLab offers detailed documentation on how to import your data from other vendors – such as GitHub, Bitbucket to GitLab. GitHub, on the other hand, does not offer such detailed documentation for the most common git repositories. However, GitHub offers to use GitHub Importer if you have your source code in Subversion, Mercurial, TFS and others.

      Also when it comes to exporting data, GitLab seems to do a pretty solid job, offering you the ability to export your projects including the following data:

      • Wiki and project repositories
      • Project uploads
      • The configuration including webhooks and services
      • Issues with comments, merge requests with diffs and comments, labels, milestones, snippets, and other project entities.

      GitHub, on the other hand, seems to be more restrictive when it comes to export features of existing GitHub repositories. * Integrations - #githubmarketplace gives you an essence to have multiple and competitive integrations whereas you will find less in the GitLab.

      So go ahead with better understanding.

      See more
      Tassanai Singprom
      Tassanai Singprom
      JavaScript
      JavaScript
      PHP
      PHP
      HTML5
      HTML5
      jQuery
      jQuery
      Redis
      Redis
      Amazon EC2
      Amazon EC2
      Ubuntu
      Ubuntu
      Sass
      Sass
      Vue.js
      Vue.js
      Firebase
      Firebase
      Laravel
      Laravel
      Lumen
      Lumen
      Amazon RDS
      Amazon RDS
      GraphQL
      GraphQL
      MariaDB
      MariaDB
      Google Analytics
      Google Analytics
      Postman
      Postman
      Elasticsearch
      Elasticsearch
      Git
      Git
      GitHub
      GitHub
      GitLab
      GitLab
      npm
      npm
      Visual Studio Code
      Visual Studio Code
      Kibana
      Kibana
      Sentry
      Sentry
      BrowserStack
      BrowserStack
      Slack
      Slack

      This is my stack in Application & Data

      JavaScript PHP HTML5 jQuery Redis Amazon EC2 Ubuntu Sass Vue.js Firebase Laravel Lumen Amazon RDS GraphQL MariaDB

      My Utilities Tools

      Google Analytics Postman Elasticsearch

      My Devops Tools

      Git GitHub GitLab npm Visual Studio Code Kibana Sentry BrowserStack

      My Business Tools

      Slack

      See more
      Robert Zuber
      Robert Zuber
      CTO at CircleCI · | 5 upvotes · 6.3K views
      atCircleCICircleCI
      CircleCI
      CircleCI
      GitHub
      GitHub
      Bitbucket
      Bitbucket

      When you interact with CircleCI's web application, all of your requests are hitting the #API hosts. We handle the majority of our authentication via #OAuth from GitHub or Bitbucket. We provide programmatic access to everything exposed in the UI through an API token that you can generate once you have authenticated.

      See more
      Siddhant Sharma
      Siddhant Sharma
      Tech Connoisseur at Bigstep Technologies · | 2 upvotes · 14.4K views
      GitBucket
      GitBucket
      React Native for Windows
      React Native for Windows
      Node.js
      Node.js
      GitHub
      GitHub
      #Webhooks
      #Api
      #InAppChat
      #ChatApi
      #Chatsdk
      #Inappcommunication

      GitBucket React Native for Windows Node.js GitHub We at Channeize.io have launched #Webhooks with our API services recently. Webhooks are an important part that can help you in retaining customers o your platform. Triggered by any event called, webhooks are proven to be increasing the engagement rate to up to 18%. Take a look at how you can monetize your products leveraging webhooks

      #Webhooks #API #InAppChat #inappcommunication #ChatApi #Chatsdk

      See more
      Interest over time
      Reviews of CodePen and GitHub
      Avatar of sivakumar-kailasam