Updates

We’re excited to introduce the mobile version of Framer CMS, bringing full editing capabilities to your fingertips. Effortlessly manage content on the go, switch between collections, browse items in a horizontally scrollable table view, create and edit entries, and publish, all from your mobile device. The mobile CMS is easy to access: if you’re the site owner or a collaborator, simply tap Edit in Framer from the Editor Bar while viewing a CMS detail page to start making changes. Once you’re done, hit Publish and that’s it! Enjoy seamless content editing anytime, anywhere.

We’ve always supported React Code Components and Overrides, but historically, they weren’t very safe: any error could break optimization and risk turning the page white. No longer. Meet Code Boundaries—a bullet-proof wrapper around every piece of code within Framer. No more optimization errors, no more blank pages, and no more searching for broken Components.

• Components that crash on the published website will now get hidden

• Components that crash during optimization will try to render again on load

• Find broken Components on the Canvas with the new code-crash identifier

• Overrides with errors get disabled, and the original frame gets rendered

We’ve added four new fonts to Framer. Hershey Noailles Times, Transom Hoog, LCT Iptex, and HUAB. Available now in the Font Picker for everyone—perfect for kickstarting your next project or template. If you would like your own typeface featured in Framer, please reach out. See an overview of all recently added fonts below. You can find these in the Open Source category.

New

• Hershey Noailles Times by Hershey Noailles

• Transom Hoog by Charles G. Brown

• LCT Iptex by Lokal Container

• HUAB by Jeff Kim

March

• Pizius by Beržulis

• ARK-ES by Eddie Stuart

• Destra by Cédric R. Brunet

• Open Runde by Laurids Kern

February

• Beast by Fonderie

• Barlowfold by Typotheque

• Chaumont Script by Alexandre Bassi

• DT Nightingale by Deathoftypography

This update brings previews to the new Open Source categories in the Font Picker, making it easier than ever to browse and discover typefaces. With support for Variable and OpenType properties, features like Fit Text, and a carefully curated selection, we’re continuing to make Framer the best place for web typography. We update this collection monthly, so be sure to check back often. Find the latest additions below—with many more typefaces on the way.

March

• Pizius by Beržulis

• ARK-ES by Eddie Stuart

• Destra by Cédric R. Brunet

• Open Runde by Laurids Kern

February

• Beast by Fonderie

• Barlowfold by Typotheque

• Chaumont Script by Alexandre Bassi

• DT Nightingale by Deathoftypography

Introducing Tables in the Framer CMS. When viewing a CMS item, head to a Rich Text field to see the new Table tool, and click it to insert a sample table. When editing, columns auto-adjust to fit the text, and you can add rows or columns using the plus button on the edges. Right-click a cell for options like inserting rows, merging cells, and setting headers. To style your table, select it, go to CMS Styles on the Canvas, and edit the Table properties, where you can adjust colors, padding, radius, and fine-tune outer and inner borders. You can also customize the text within tables, like the titles in headers, by assigning a style to them and tweaking it on the Canvas. Lastly, all CMS tables are responsive by default, enabling smooth horizontal scrolling on mobile.

Following our first Font Drop in February, we’re back with a new batch of high quality typefaces. We’ve added four new fonts. ARK-ES, Open Runde, Destra, and Berzulis Pizius. Available now in the Font Picker for everyone—perfect for kickstarting your next project or template. If you would like your own typeface featured in Framer, please feel free to reach out, we’d love to add more.