What Does CodePen Give You?

Fortunately, CodePen can give you that environment, and allow you to "inject" your code directly into your site.

It provides the perfect toolset while coding your site, and you can even use it to host certain assets on the CodePen CDN.

* Note, the ability to inject code live into your site requires a CodePen Pro plan. The Starter plan is fine, and it's worth every penny.

CodePen's free plan offers

• A useful "sandbox" to play with code in, and work out certain basic aspects of scripting.
• The ability to write SCSS, and compile it as CSS for your Webflow site code embed.
• The ability to explore the Pens of other authors, clone them, and modify them to make them Webflow-usable.  

CodePen's PRO plan offers

• The ability to make your code PRIVATE
• The ability to embed your live code directly in your Webflow site, so that you can test what you're coding in your actual site directly
• Asset hosting, for images, videos, etc
• Potentially, the ability to maintain production code in precompiler forms such as SCSS, while embedding the compiled CSS in your final site.
• Minification

Learn more about CodePen PRO and plan pricing.

‍