--- title: The Launch of CodePen 2.0 | daily.dev description: CodePen 2.0 has officially launched, combining the Classic Pen and Project editors into a single, extensible editor. Key new features include one-click... canonical: https://daily.dev/posts/the-launch-of-codepen-2-0-6duljcodh twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: The Launch of CodePen 2.0 | daily.dev og:description: CodePen 2.0 has officially launched, combining the Classic Pen and Project editors into a single, extensible editor. Key new features include one-click... og:url: https://daily.dev/posts/the-launch-of-codepen-2-0-6duljcodh og:image: https://api.daily.dev/og/posts/6DuLJCoDh.png og:image:alt: The Launch of CodePen 2.0 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # The Launch of CodePen 2.0 **[CodePen](https://daily.dev/sources/codepen)** · 6 min read · 62 upvotes · 4 comments ## Summary CodePen 2.0 has officially launched, combining the Classic Pen and Project editors into a single, extensible editor. Key new features include one-click deployment to a *.codepen.app subdomain with custom domain support, a built-in file system, version history, real-time collaborative editing, and a Blocks system for mixing technologies via the CodePen Compiler. The editor now supports Vite-powered Vue, Tailwind, Lightning CSS, MJML, and Nunjucks. The Classic Editor remains accessible but is no longer prominently linked. AI features are being explored but not yet available. Users familiar with the Classic Editor can replicate that experience using the Classic Block and Minimal UI mode. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What new features does CodePen 2.0 add compared to the Classic editor? CodePen 2.0 unifies the Classic Pen, Project, and Vue-specific editors into one extensible editor. Every Pen gets a one-click deployable *.codepen.app subdomain, a full file system, version history with rollback, real-time collaborative editing via invited editors or viewers, and 'Blocks' that combine technologies like Tailwind, Lightning CSS, MJML, and Vite-powered Vue through the CodePen Compiler. Screen reader accessibility was also significantly improved. _Developers evaluating editor upgrades can follow releases like this one on daily.dev._ ### Is the Classic CodePen editor still available after the 2.0 launch? Yes, the Classic Editor remains accessible at codepen.io/pen, though its link has been removed from the sidebar since the new editor is now the default focus. A future conversion of all Pens to 2.0 is possible but would come with advance warning. Users can replicate the Classic feel in 2.0 by using the Classic Block and enabling Minimal UI mode. _Anyone weighing whether to migrate workflows can track tool transitions like this via daily.dev._ ### Does CodePen 2.0 have built-in AI code generation features? No, CodePen 2.0 does not yet include built-in AI features, despite the team seeing a lot of AI-generated code copied and pasted onto the platform from elsewhere. The team says they are experimenting with ideas but want to proceed carefully before adding anything. _Developers tracking which coding tools add AI capabilities can follow updates like this on daily.dev._ ## Community discussion Top comments from developers on daily.dev. **@warengonzaga** · 3 upvotes > Classic! This is how we develop front-end design and share to people back in a days without AI. **@jntnlima** · 1 upvotes > Great! Wishing you success! **@agustinbarrientos** · 1 upvotes > Interesting! I wasn't aware at all that a major version was on its way **@petecapecod** · 0 upvotes > Cool I think we all have fond memories of CodePen, heck I probably have some really old projects still on there lol > > Guess I'll have to check out the new 2.0 version ## Similar posts on daily.dev - [CodePen 2.0](https://daily.dev/posts/codepen-2-0-j2meaiqv9) · Hacker News · 3 upvotes · 0 comments - [433: CodePen 2.0 is Backward Compatible with Any Classic Pen or Project](https://daily.dev/posts/433-codepen-2-0-is-backward-compatible-with-any-classic-pen-or-project-ynr9l2uu7) · CodePen · 2 upvotes · 0 comments - [421: View Control of the 2.0 Editor](https://daily.dev/posts/421-view-control-of-the-2-0-editor-y1b7c4rg8) · CodePen · 0 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#tailwind-css](https://daily.dev/tags/tailwind-css), [#vite](https://daily.dev/tags/vite) [View this post on daily.dev](https://daily.dev/posts/the-launch-of-codepen-2-0-6duljcodh) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"The Launch of CodePen 2.0","url":"https://daily.dev/posts/the-launch-of-codepen-2-0-6duljcodh","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/the-launch-of-codepen-2-0-6duljcodh"},"datePublished":"2026-07-23T16:03:37.227Z","dateModified":"2026-09-14T07:39:44.417Z","description":"CodePen 2.0 has officially launched, combining the Classic Pen and Project editors into a single, extensible editor. Key new features include one-click...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b4e55210cd90c937fa33f25cb3e477fe?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b4e55210cd90c937fa33f25cb3e477fe?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"CodePen","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"CodePen","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/codepen","url":"https://daily.dev/sources/codepen"},"commentCount":4,"discussionUrl":"https://daily.dev/posts/the-launch-of-codepen-2-0-6duljcodh","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":62},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":4}],"keywords":"webdev,tailwind-css,vite","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"CodePen","item":"https://daily.dev/sources/codepen"},{"@type":"ListItem","position":3,"name":"The Launch of CodePen 2.0"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/the-launch-of-codepen-2-0-6duljcodh","comment":[{"@type":"Comment","text":"Classic! This is how we develop front-end design and share to people back in a days without AI.","datePublished":"2026-07-25T02:57:35.076Z","url":"https://daily.dev/posts/6DuLJCoDh#c-9mKHuhF7L","author":{"@type":"Person","name":"Waren Gonzaga","url":"https://daily.dev/warengonzaga","image":"https://media.daily.dev/image/upload/s--1Tpga1P7--/f_auto/v1791019921/avatars/avatar_5dwfVl5B1?_a=BAMAMicg0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Great! Wishing you success!","datePublished":"2026-07-27T00:43:27.638Z","url":"https://daily.dev/posts/6DuLJCoDh#c-vBWxLhIBN","author":{"@type":"Person","name":"Jonathan Lima","url":"https://daily.dev/jntnlima","image":"https://avatars.githubusercontent.com/u/67848049?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Interesting! I wasn’t aware at all that a major version was on its way","datePublished":"2026-07-23T17:37:17.054Z","url":"https://daily.dev/posts/6DuLJCoDh#c-j2pYasDP0","author":{"@type":"Person","name":"Agustin Barrientos","url":"https://daily.dev/agustinbarrientos","image":"https://media.daily.dev/image/upload/s--5ayxQnqn--/f_auto/v1788281802/avatars/avatar_wQYYVe5Tbj0NJ7C7qPoa8?_a=BAMAMicg0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Cool I think we all have fond memories of CodePen, heck I probably have some really old projects still on there lol\nGuess I’ll have to check out the new 2.0 version","datePublished":"2026-07-25T13:02:07.049Z","url":"https://daily.dev/posts/6DuLJCoDh#c-AJEXj3cuU","author":{"@type":"Person","name":"Peter Cruckshank","url":"https://daily.dev/petecapecod","image":"https://media.daily.dev/image/upload/s--ZJhQyKws--/f_auto/v1721235024/avatars/avatar_A9xh33q0QoxtkGoJRCosp"}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/the-launch-of-codepen-2-0-6duljcodh#faq","mainEntity":[{"@type":"Question","name":"What new features does CodePen 2.0 add compared to the Classic editor?","acceptedAnswer":{"@type":"Answer","text":"CodePen 2.0 unifies the Classic Pen, Project, and Vue-specific editors into one extensible editor. Every Pen gets a one-click deployable *.codepen.app subdomain, a full file system, version history with rollback, real-time collaborative editing via invited editors or viewers, and 'Blocks' that combine technologies like Tailwind, Lightning CSS, MJML, and Vite-powered Vue through the CodePen Compiler. Screen reader accessibility was also significantly improved. Developers evaluating editor upgrades can follow releases like this one on daily.dev."}},{"@type":"Question","name":"Is the Classic CodePen editor still available after the 2.0 launch?","acceptedAnswer":{"@type":"Answer","text":"Yes, the Classic Editor remains accessible at codepen.io/pen, though its link has been removed from the sidebar since the new editor is now the default focus. A future conversion of all Pens to 2.0 is possible but would come with advance warning. Users can replicate the Classic feel in 2.0 by using the Classic Block and enabling Minimal UI mode. Anyone weighing whether to migrate workflows can track tool transitions like this via daily.dev."}},{"@type":"Question","name":"Does CodePen 2.0 have built-in AI code generation features?","acceptedAnswer":{"@type":"Answer","text":"No, CodePen 2.0 does not yet include built-in AI features, despite the team seeing a lot of AI-generated code copied and pasted onto the platform from elsewhere. The team says they are experimenting with ideas but want to proceed carefully before adding anything. Developers tracking which coding tools add AI capabilities can follow updates like this on daily.dev."}}]} ```