Comparing Developer Features
Framer offers a wide selection of features for Developers to use to extend the functionality of Framer. This page can help you decide how to choose between when to use Code Components, Overrides, Fetch, Plugins, or Custom Page Code.
Plugins
Plugins are small apps that run within the Editor that can perform programatically perform various tasks and utilise APIs to extend the core features of Framer. Plugins often utilise other features like Components to add functionality to the live website.
Insert SVGs and images
Sync content into the CMS
Edit Layers on the Canvas
Fetch
Fetch enables you to retrieve data from an API and use it on your Framer site without code. For Developers, this means you can set up endpoints for your team that work great with Fetch and allow your team to utilise the power of API calls from the client.
Display live info like weather
Adapt site based on location
Use your custom endpoints
Code Components
Components in Framer are core to adding interactivity and functionality to your live website. They can be created in Framer with or without Code. Code Components are React components that give you control to render anything within the Component.
Adding custom form inputs
Rendering a canvas element
Displaying animated SVGs
Code Overrides
Code Overrides are React Higher Order Components that can be applied to any Layer on your site. They are often used to override the properties of Layer or Components. Many previous uses for Overrides can now be achieved with Fetch or Components.
Adding data attributes
Using custom CSS rules
Tracking click events
Custom Site Code
Custom Code in your site settings allows you to insert scripts and html at the start or end of the <head>
and <body>
tag of your site. Custom code and scripts can be added to specific pages or across every page on your published site.
Integrate tracking scripts
Setup structured data tags
Add custom script tags