Supercharge your Framer site with Components & Overrides
Unlock the full potential of Framer with a library of customized components and code overrides.
Tutorials
Learn How to Fix "Unable to Resolve Package" Error in your Framer Project
Learn How to Fix "Unable to Resolve Package" Error in your Framer Project
Learn How to use Truncate Text Code Override in your Framer Project.
Learn How to use Truncate Text Code Override in your Framer Project.
Learn How to use Folders to Organize Components in your Framer Project.
Learn How to use Folders to Organize Components in your Framer Project.
Learn How to Center Images in Framer CMS content using a Custom Code Override.
Learn How to Center Images in Framer CMS content using a Custom Code Override.
Learn How to use Dynamic Viewport units (svh, lvh, dvh) and relative units (vh, vw, vmax, vmin, em, rem) in Framer projects.
Learn How to use Dynamic Viewport units (svh, lvh, dvh) and relative units (vh, vw, vmax, vmin, em, rem) in Framer projects.
Learn How to Capture and Track UTM Parameters in Framer Forms Using Custom Code Overrides
Learn How to Capture and Track UTM Parameters in Framer Forms Using Custom Code Overrides
Learn How to Create a Custom Table of Contents in Framer.
Learn How to Create a Custom Table of Contents in Framer.
Learn How to Implement Pagination for CMS Collections in Framer with Load More, Infinite Scroll, Next & Previous, and Pagination Tables.
Learn How to Implement Pagination for CMS Collections in Framer with Load More, Infinite Scroll, Next & Previous, and Pagination Tables.
Learn How to Add Previous and Next Navigation Links to Your CMS Blog Pages in Framer.
Learn How to Add Previous and Next Navigation Links to Your CMS Blog Pages in Framer.
Learn How to Create a Horizontal Scroll Animation in Framer.
Learn How to Create a Horizontal Scroll Animation in Framer.
Learn How to Create a Scroll Progress Animation for Your Videos in Framer.
Learn How to Create a Scroll Progress Animation for Your Videos in Framer.
Learn How to Easily Add SEO-Friendly FAQ Schema to Enhance Search Results!
Learn How to Easily Add SEO-Friendly FAQ Schema to Enhance Search Results!
Learn to Embed Google Maps in Framer without Coordinates! Create a Custom Map Component with an Embed Link.
Learn to Embed Google Maps in Framer without Coordinates! Create a Custom Map Component with an Embed Link.
Components
The Framer Social Media Share Buttons component allows you to share your page across various social media platforms like Twitter, LinkedIn, Instagram, Facebook, Pinterest, WhatsApp, Reddit...
The Framer Social Media Share Buttons component allows you to share your page across various social media platforms like Twitter, LinkedIn, Instagram, Facebook, Pinterest, WhatsApp, Reddit...
Streamline file sharing with Framer's Download Button component, allowing you to create downloadable resources for any element.
Streamline file sharing with Framer's Download Button component, allowing you to create downloadable resources for any element.
The Framer Before and After image slider component allows you to display two images side by side, with the ability to reveal or hide portions of each image through a slider.
The Framer Before and After image slider component allows you to display two images side by side, with the ability to reveal or hide portions of each image through a slider.
The Framer Scroll Progress Percentage component showcases the user's scrolling progress on the current page.
The Framer Scroll Progress Percentage component showcases the user's scrolling progress on the current page.
The Framer Stop Scroll component provides you with the ability to temporarily disable scrolling on your website. This feature is particularly useful when you want to showcase a preloader animation or prevent users from interacting with the page during specific events or transitions.
The Framer Stop Scroll component provides you with the ability to temporarily disable scrolling on your website. This feature is particularly useful when you want to showcase a preloader animation or prevent users from interacting with the page during specific events or transitions.
The Framer Scroll to Top Button component allows you to add a button to your website that, when clicked, will smoothly scroll the page back to the top.
The Framer Scroll to Top Button component allows you to add a button to your website that, when clicked, will smoothly scroll the page back to the top.
The Framer Tags component allows you to display a list of tags. This component is useful for displaying categories, highlighting keywords, showcasing topics...
The Framer Tags component allows you to display a list of tags. This component is useful for displaying categories, highlighting keywords, showcasing topics...
The Frame Copy to Clipboard component allows your users to copy text to their clipboard with a single click.
The Frame Copy to Clipboard component allows your users to copy text to their clipboard with a single click.
The Framer Text Scroll Reveal component allows you to create text reveal animation triggered by scroll position.
The Framer Text Scroll Reveal component allows you to create text reveal animation triggered by scroll position.
The Framer Embed Twitter Timeline or Tweet component allows you to display your Twitter timeline or individual tweets.
The Framer Embed Twitter Timeline or Tweet component allows you to display your Twitter timeline or individual tweets.
The Framer Social Media Share Buttons component allows you to share your page across various social media platforms like Twitter, LinkedIn, Instagram, Facebook, Pinterest, WhatsApp, Reddit...
Streamline file sharing with Framer's Download Button component, allowing you to create downloadable resources for any element.
Animations
I recreated this scroll effect from hapchot.com using framer and without any code!
I recreated this scroll effect from hapchot.com using framer and without any code!
I recreated this scroll image effect from und-ny.com with framer
I recreated this scroll image effect from und-ny.com with framer
I recreated this effect from maxmartinez.com with framer
I recreated this effect from maxmartinez.com with framer
I rebuilt the footer effect from des.obys.agency, it's not exactly the same but the closest I could get in ~20min
I rebuilt the footer effect from des.obys.agency, it's not exactly the same but the closest I could get in ~20min
I created this cursor effect with framer in ~20min and without any code! Inspired by 13322566869.com
I created this cursor effect with framer in ~20min and without any code! Inspired by 13322566869.com
I just rebuilt this effect from radioradio.radio with framer!
I just rebuilt this effect from radioradio.radio with framer!
I recreated this circle scroll effect from 13322566869.com. I rebuilt this animation with framer in only 15min and without code!
I recreated this circle scroll effect from 13322566869.com. I rebuilt this animation with framer in only 15min and without code!
I rebuilt this hover effect with framer from studio-arde.com
I rebuilt this hover effect with framer from studio-arde.com
I built this scroll text effect with framer inspired by happybase.monwest.nl/en
I built this scroll text effect with framer inspired by happybase.monwest.nl/en
I built this 3D carousel effect with framer
I built this 3D carousel effect with framer
I built this funny blob effect with framer
I built this funny blob effect with framer
I rebuilt this button with framer
I rebuilt this button with framer
I rebuilt this hover effect with framer
I rebuilt this hover effect with framer
I build this hover animation from readymag.com/websites-of-the-year with framer
I build this hover animation from readymag.com/websites-of-the-year with framer
I build this hover animation from legaltechcolab.com with framer
I build this hover animation from legaltechcolab.com with framer
I rebuild the hero section of hypetype.studio with framer
I rebuild the hero section of hypetype.studio with framer
I rebuild the circle animation from betterup.com with framer
I rebuild the circle animation from betterup.com with framer