February 14, 2024 1:24 PM
-
benjamin@framer.com
Framer Monthly
Announcement of new features including Custom Cursors, Localization V2, and Unified Pages by Framer.
Custom Cursors, Localization V2, and Unified Pages. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
February 14, 2024 1:24 PM
-
benjamin@framer.com
Framer Monthly
Announcement of new features including Custom Cursors, Localization V2, and Unified Pages by Framer.
Custom Cursors, Localization V2, and Unified Pages. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
<html style="background-color:#fff"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><style type="text/css">
<!--
#outlook a
{padding:0}
body
{margin:0;
padding:0}
table, td
{border-collapse:collapse}
img
{border:0;
height:auto;
line-height:100%;
outline:none;
text-decoration:none}
p
{display:block;
margin:13px 0}
-->
</style><style type="text/css">
<!--
@media only screen and (min-width:480px) {
.mj-column-per-100
{width:100%!important;
max-width:100%}
}
-->
</style><style media="screen and (min-width:480px)">
<!--
.moz-text-html .mj-column-per-100
{width:100%!important;
max-width:100%}
-->
</style><style type="text/css">
<!--
@media only screen and (max-width:479px) {
table.mj-full-width-mobile
{width:100%!important}
td.mj-full-width-mobile
{width:auto!important}
}
-->
</style><style type="text/css">
<!--
.wfix
{max-width:2400px!important}
-->
</style><style>
<!--
.wrapper
{padding:0 12px}
.ShadowHTML .wrapper
{padding:0!important}
u + .body .wrapper
{padding:0!important}
div > u + .body .wrapper
{padding:0!important}
@media (prefers-color-scheme: dark) {
}
-->
</style><meta name="color-scheme" content="light"><meta name="supported-color-schemes" content="light"></head><body class="body" style="word-spacing:normal; background-color:#ffffff"><div style="display:none; font-size:1px; color:#ffffff; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden">Custom Cursors, Localization V2, and Unified Pages.</div><div style="background-color:#ffffff"><div style="display:none; max-height:0px; overflow:hidden">͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div><div class="ml wfix gmail-no-padding wrapper" style="margin:0px auto; max-width:600px; margin-left:0px!important"><table align="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%"><tbody><tr><td style="direction:ltr; font-size:0px; padding:20px 0; padding-top:0; text-align:center"><div class="wfix" style="margin:0px auto; max-width:600px"><table align="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%"><tbody><tr><td style="direction:ltr; font-size:0px; padding:20px 0; padding-bottom:24px; padding-left:0px; padding-right:0px; padding-top:24px; text-align:center"><div class="mj-column-per-100 mj-outlook-group-fix wfix rounded-corners styled-primary-column" style="font-size:0px; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%; max-width:600px!important"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate"><tbody><tr><td style="background-color:#ffffff; border-radius:0px; vertical-align:top; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style=""><tbody><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; border-spacing:0px"><tbody><tr><td style="width:40px"><img src="https://d3b9kr64nievew.cloudfront.net/clsln4082008iv9pauc667cpy/clsloga6500qneprklaktuync.png" width="40" height="auto" style="border:0; border-radius:0px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </td></tr></tbody></table></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span> </span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">We kicked off 2024 with a few exciting releases…</span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span> </span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:16px; line-height:26px!important; text-align:left; color:#444444"><span class="bold" style="font-weight:600; font-size:16px; line-height:26px!important; font-size:16px!important">Custom Cursors</span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">We recently introduced </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline dark-force" style="color:#000000; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">Custom Cursors</span></a><span class="bold dark-force" style="font-weight:600; color:#444; font-size:14px; line-height:22px!important; font-size:14px!important">, </span><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">allowing you to design interactive cursors using components. Get started by adding a custom cursor to your Page, then switch its Variants on any layer. Choose between “Replace” to swap the default cursor with a Component, or “Follow” to add to it. It’s a simple feature at first glance, but as you delve deeper you’ll find it’s remarkably versatile. </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline dark-force" style="color:#000000; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">Watch the video</span></a><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important"> to learn more, and explore by playing with the demo </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline dark-force" style="color:#000000; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">here</span></a><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">. We can’t wait to see what you’ll create.</span><br><br></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; border-spacing:0px"><tbody><tr><td style="width:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#000000!important"><img src="https://d3b9kr64nievew.cloudfront.net/clsln4082008iv9pauc667cpy/clsln8c0v009mkeb5artjwxb2.png" width="580" height="auto" style="border:0; border-radius:10px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span> </span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:12px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:16px; line-height:26px!important; text-align:left; color:#000000"><h3 class="dark-force" style="padding:0; margin:0; font-weight:500; font-size:16px; color:#000000!important; line-height:26px!important; font-size:16px!important"><span class="bold" style="font-weight:600; font-size:16px; line-height:26px!important; font-size:16px!important">Localization V2</span></h3></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">This Localization update brought many features and improvements to help you take your localized website to the next level. These features add powerful Localization flexibility, empowering you to meet the needs of a global audience. Hiding CMS Items and Web Pages per Locale lets you provide the most relevant content for each site visitor, while Localized Slugs & Redirects give you full control over your site URLs. In addition, the new Set Locale action in Components enables you to build fully custom Locale pickers to match the specific needs of your site. </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline dark-force" style="color:#000000; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">See the full update here</span></a><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">, and </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline dark-force" style="color:#000000; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">grab the add-on</span></a><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important"> to get started right away.</span><br><br></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; border-spacing:0px"><tbody><tr><td style="width:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#000000!important"><img src="https://d3b9kr64nievew.cloudfront.net/clsln4082008iv9pauc667cpy/clslnhvtu00sz9g9zj3lgy3oh.png" width="580" height="auto" style="border:0; border-radius:10px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span> </span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:12px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:16px; line-height:26px!important; text-align:left; color:#000000"><h3 class="dark-force" style="padding:0; margin:0; font-weight:500; font-size:16px; color:#000000!important; line-height:26px!important; font-size:16px!important"><span class="bold" style="font-weight:600; font-size:16px; line-height:26px!important; font-size:16px!important">Unified Pages</span></h3></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">This update introduced a redesigned Page Panel that merges all page types under a single view. CMS pages are now neatly nested under their respective index pages, and part of the same hierarchy. This makes them easier to find, edit, and rename. Plus, if your site has 100s of pages, you now no longer have to scroll down to create new CMS pages—you can always add new pages via the menu at the top of the panel. We’re excited to further simplify our Page Panel after we introduced </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline dark-force" style="color:#000000; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">Folders in December</span></a><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">, and believe it will make larger sites even easier to manage. </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline dark-force" style="color:#000000; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">Watch the video here</span><span class="underline dark-force" style="color:#444; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">.</span></a><br><br></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; border-spacing:0px"><tbody><tr><td style="width:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#000000!important"><img src="https://d3b9kr64nievew.cloudfront.net/clsln4082008iv9pauc667cpy/clslnip6g001d121my4wqi5ah.png" width="580" height="auto" style="border:0; border-radius:10px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span> </span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span> </span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">That’s it for now! We really hope you’ve enjoyed these updates. Let us know what you think in the </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline dark-force" style="color:#000000; font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">Community</span></a><span class="dark-force" style="color:#444; line-height:22px!important; font-size:14px; font-size:14px!important">. See you soon!</span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span style="line-height:22px!important; font-size:14px; font-size:14px!important">✌️ </span><a href="#" style="text-decoration:underline; color:#000000!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:22px!important; font-size:14px!important">Benjamin</span></a></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:22px!important; text-align:left; color:#444444"><span> </span></div></td></tr><tr><td align="left" class="dark-force" style="font-size:0px; padding:10px 25px; padding-top:24px; padding-right:0px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:12px; line-height:19px; text-align:left; color:#9ca3af"><span style="color:#9ca3af!important; font-size:12px!important; line-height:19px!important">You're receiving this email because you opted-in to receive updates from Framer<br>Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands<br><a href="#" target="_blank" rel="noopener noreferrer" class="bold link-nostyle" style="font-weight:600; color:#9ca3af!important; text-decoration:none!important; font-size:12px!important; line-height:19px!important">Unsubscribe </a></span></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></div><img alt="" src="http://c.vialoops.com/CI0/0100018da94a754f-9162f661-5488-4e93-ad5f-0f5fdb18997d-000000/YKQIjK2FouZAeCfyZB5SiDH6BWYsjRylfxnY-87XiHM=340" style="display:none; width:1px; height:1px"> </body></html>
Try
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Save to Board
This is some text inside of a div block.
This is some text inside of a div block.
1 selected
DoneYou have reached your plans limit
To create or access more boards you need to upgrade.