A curated collection of Framer resources, encompassing tutorials, tips, tricks, remix links, expert directory, success stories, and striking showcase.

Jorn van Dijk – Yo! Podcast

Listen to this episode from Yo! Podcast on Spotify. Jorn van Dijk is a Dutch designer, startup investor and CEO...

Image shows a tutorial header for Framer, featuring text "How to Create Stunning Code Overrides for Framer" against a gradient background with decorative elements.

How to Create Stunning Code Overrides for Framer (Easy!) – Framer Overrides — Powerful Framer Code Overrides

Unlock new superpowers with effortless copy & paste code overrides for Framer — no coding required.

A preview of a link-in-bio template designed in Framer, featuring a clean layout with styled text and icons for social media links.

How I Designed A Link-In-Bio Template In Framer | by Sharanya | May, 2023 | Bootcamp

The entire process of making my first Framer template!

A sleek, modern web design layout showcasing a homepage with vibrant colors and intuitive navigation, featuring Framer branding.

Home – Mellow for Framer

"Sell your digital products effortlessly with Mellow, a modern Framer template designed for easy online store setup and seamless user...

A modern digital workspace featuring a sleek layout with tools and graphics, showcasing Framer design elements in an engaging environment.

Habib Rahal

A product designer in Berlin, harmonzing form and function.

Framer interface displaying scroll direction options in a user-friendly update menu. Bright colors highlight choices for enhanced user experience.

Framer Updates: Scroll Direction

In this update, we're introducing a new way to trigger Scroll Effects: On Scroll. Kickstart custom animations whenever you scroll...

Mobile navigation update in Framer, showcasing smooth transitions with an intuitive user interface for enhanced accessibility and usability.

Framer Updates: Mobile Navigations: Transitions Update

This release introduces three new features designed to improve navigations in Framer. First, we've added viewport unit support to the...

Framer updates June 2023 graphic showcasing new features and enhancements in a modern design layout.

Framer Updates: June Update

The June update is all about quality and reliability, and fixing the small issues that can have a big impact...

Framer July update graphic featuring colorful icons and text, highlighting new features and enhancements in a dynamic layout.

Framer Updates: July Update

The July Update is all about gradients. We're introducing support for Multi-Stop Gradients, Conic Gradients, and more. We've redesigned our...

Framer updates featuring Fontshare typography on a modern workspace display, showcasing various font styles and designs in a clean interface.

Framer Updates: Fontshare

We're excited to announce an integration with Fontshare, a fonts service by the Indian Type Foundry. Fontshare is a growing...

A screenshot displaying Framer updates, featuring a text fitting tool with a sleek interface and adjustable text settings.

Framer Updates: Fit Text

Introducing Fit Text—a new feature allowing you to design text that scales to fit. Design bold headers that resize along...

Framer updates CMS interface featuring a clean layout with navigation menus and content sections, designed for enhanced user experience.

Framer Updates: CMS Update

This release brings a series of oft-requested CMS Updates, unlocking new use cases. We're introducing a new Filter type: Date,...

"Framer illustration showing updates for CMS files and downloads, featuring a sleek interface with organized content sections and download options."

Framer Updates: CMS Files and Downloads

This update unlocks many highly requested file related workflows in the CMS — Video thumbnails in Collection Lists, Audio files...

Framer updates showcase new CMS code blocks and inline code features, displaying a sleek interface with organized fields and code snippets.

Framer Updates: CMS: Code Blocks and Inline Code

We're excited to introduce Code Blocks & Inline Code, unlocking the ability to document and present your code in Framer....

Image showing a digital workspace with design tips, featuring a vibrant layout and color palette, emphasizing productivity using Framer tools.

Framer Tips

Bite-sized videos covering Framer Sites features and updates.

Cover of "Framer Study Guide" by Krisztina Szerovay, featuring vibrant graphics and title text, highlighting no-code design tools for UX study.

Framer Study Guide. How to master this awesome no-code tool | by Krisztina Szerovay | Jun, 2023 | UX Planet

How to master this awesome no-code tool

Illustration from Framer tutorial showing fixed and absolute positioning in stacks with labeled examples of each positioning method.

Framer Learn: How to use Fixed and Absolute positioning in Stacks

Pin layers to the Viewport regardless of your page set-up, or use absolute positioning within Stacks to break out of...

Screenshot of a tutorial on creating a sitemap.xml file using Framer, featuring a clean layout with step-by-step instructions and visuals.

Framer Learn: How to make a sitemap.xml file

Give search engines a map of your site.

Illustration of Framer's billing roles and permissions interface, showcasing user options for managing account access and settings.

Framer Learn: Billing, Roles and Permissions

Framer billing, roles and permissions.