CMS: Code Blocks and Inline Code

July 13, 2023

We’re excited to introduce Code Blocks & Inline Code, unlocking the ability to document and present your code in Framer. Get started in the CMS via the Formatted Text Toolbar, showcase your code on the Canvas by finding the Code Block component in the Insert Panel, or type a backtick anywhere for Inline Code. We have integrated these features deeply with our performance pipeline with no flashes on page load, and by utilising the power of Sandpack for Code Blocks, the editing experience gives you a 1:1 consistency with your output. Watch the video above to learn more, or remix our docs template here.

  • Added Inline Code formatting to the CMS

  • Added Code Block component to the CMS

  • Added Inline Code style to Assets Panel

  • Added Code Block style to Assets Panel

  • Faster Component insertion in the CMS

We’re excited to introduce Code Blocks & Inline Code, unlocking the ability to document and present your code in Framer. Get started in the CMS via the Formatted Text Toolbar, showcase your code on the Canvas by finding the Code Block component in the Insert Panel, or type a backtick anywhere for Inline Code. We have integrated these features deeply with our performance pipeline with no flashes on page load, and by utilising the power of Sandpack for Code Blocks, the editing experience gives you a 1:1 consistency with your output. Watch the video above to learn more, or remix our docs template here.

  • Added Inline Code formatting to the CMS

  • Added Code Block component to the CMS

  • Added Inline Code style to Assets Panel

  • Added Code Block style to Assets Panel

  • Faster Component insertion in the CMS

We’re excited to introduce Code Blocks & Inline Code, unlocking the ability to document and present your code in Framer. Get started in the CMS via the Formatted Text Toolbar, showcase your code on the Canvas by finding the Code Block component in the Insert Panel, or type a backtick anywhere for Inline Code. We have integrated these features deeply with our performance pipeline with no flashes on page load, and by utilising the power of Sandpack for Code Blocks, the editing experience gives you a 1:1 consistency with your output. Watch the video above to learn more, or remix our docs template here.

  • Added Inline Code formatting to the CMS

  • Added Code Block component to the CMS

  • Added Inline Code style to Assets Panel

  • Added Code Block style to Assets Panel

  • Faster Component insertion in the CMS