Code components & overrides
Code components
& overrides
Code components & overrides
Unlock the best in Framer with our collection of free and premium code components and overrides, curated to enhance your designs.
Unlock the best in Framer with our collection of free and premium code components and overrides, curated to enhance your designs.
Unlock the best in Framer with our collection of free and premium code components and overrides, curated to enhance your designs.
Free collection
Free collection
Free collection
USA:
Current Weather
Show current weather data for any set location.
Progressive blur
The famous progressive blur that Apple uses it throughout various parts in iOS.
Hover me
Hover me
Magnetic hover
Add a magnetic hover effect like on iPad OS. Easy to adjust values in code.
Gradient ease
Remove that ugly edge at the end of your gradient and have a smooth ease in.
Clock + date
Show time and date for any set timezone. Multiple customization options.
Fade it
Fade out any frame or image in seconds, without relying on gradient workarounds.
Auto copyright
Updates the copyright statement year in your footer automatically.
Image flip
Simple override that allows images to be flipped horizontally or vertically.
USA:
Current Weather
Show current weather data for any set location.
Progressive blur
The famous progressive blur that Apple uses it throughout various parts in iOS.
Hover me
Hover me
Magnetic hover
Add a magnetic hover effect like on iPad OS. Easy to adjust values in code.
Gradient ease
Remove that ugly edge at the end of your gradient and have a smooth ease in.
Clock + date
Show time and date for any set timezone. Multiple customization options.
Fade it
Fade out any frame or image in seconds, without relying on gradient workarounds.
Auto copyright
Updates the copyright statement year in your footer automatically.
Image flip
Simple override that allows images to be flipped horizontally or vertically.
USA:
Current Weather
Show current weather data for any set location.
Progressive blur
The famous progressive blur that Apple uses it throughout various parts in iOS.
Hover me
Hover me
Magnetic hover
Add a magnetic hover effect like on iPad OS. Easy to adjust values in code.
Gradient ease
Remove that ugly edge at the end of your gradient and have a smooth ease in.
Clock + date
Show time and date for any set timezone. Multiple customization options.
Fade it
Fade out any frame or image in seconds, without relying on gradient workarounds.
Auto copyright
Updates the copyright statement year in your footer automatically.
Image flip
Simple override that allows images to be flipped horizontally or vertically.
Premium collection
(coming soon)
Premium collection
(coming soon)
Premium collection
(coming soon)
Animated counter
Animate your numbers with a start & end value and multiple customization options.
Image trail
Smooth trail of custom set images that follows your mouse cursor.
Variable fonts
Choose from over 75 fonts and get these variable weights popping.
SVG mask + text
Choose any svg or text and use it as a mask on any image of your choice.
Fancy button
Frame beam
Adds an animated border outline to any connected frame. This is fully responsive.
3D Hover & tilt
Turn any frame or image into a 3D card which tilts on hover smoothly.
Scrambled text
Scramble text to create a cool effect while choosing your own style, subtle or all in.
Outline + depth
Outline or 3D depth any text. Endless customization possibilities.
01
02
03
Scroll Snap
Add scroll snapping sections. Works both for vertical and horizontal scrolling.
Negative Gap
Connect multiple frames and set a negative gap between them.
CMS Formatted text field
This is a formatted text paragraph linked to a CMS collection with the component applied. You can see the images take up the full width of the container and have corner radius applied.
CMS Images style
Style width and radius on formatted text images inside your CMS collection.
We're cooking
More premium components being added.
Animated counter
Animate your numbers with a start & end value and multiple customization options.
Image trail
Smooth trail of custom set images that follows your mouse cursor.
Variable fonts
Choose from over 75 fonts and get these variable weights popping.
SVG mask + text
Choose any svg or text and use it as a mask on any image of your choice.
Fancy button
Frame beam
Adds an animated border outline to any connected frame. This is fully responsive.
3D Hover & tilt
Turn any frame or image into a 3D card which tilts on hover smoothly.
Scrambled text
Scramble text to create a cool effect while choosing your own style, subtle or all in.
Outline + depth
Outline or 3D depth any text. Endless customization possibilities.
01
02
03
Scroll Snap
Add scroll snapping sections. Works both for vertical and horizontal scrolling.
Negative Gap
Connect multiple frames and set a negative gap between them.
CMS Formatted text field
This is a formatted text paragraph linked to a CMS collection with the component applied. You can see the images take up the full width of the container and have corner radius applied.
CMS Images style
Style width and radius on formatted text images inside your CMS collection.
We're cooking
More premium components being added.
Animated counter
Animate your numbers with a start & end value and multiple customization options.
Image trail
Smooth trail of custom set images that follows your mouse cursor.
Variable fonts
Choose from over 75 fonts and get these variable weights popping.
SVG mask + text
Choose any svg or text and use it as a mask on any image of your choice.
Fancy button
Frame beam
Adds an animated border outline to any connected frame. This is fully responsive.
3D Hover & tilt
Turn any frame or image into a 3D card which tilts on hover smoothly.
Scrambled text
Scramble text to create a cool effect while choosing your own style, subtle or all in.
Outline + depth
Outline or 3D depth any text. Endless customization possibilities.
01
02
03
Scroll Snap
Add scroll snapping sections. Works both for vertical and horizontal scrolling.
Negative Gap
Connect multiple frames and set a negative gap between them.
CMS Formatted text field
This is a formatted text paragraph linked to a CMS collection with the component applied. You can see the images take up the full width of the container and have corner radius applied.
CMS Images style
Style width and radius on formatted text images inside your CMS collection.
We're cooking
More premium components being added.
A product by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply
A product by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply
A product by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply