How to use Framer overrides
& code components?

How to use Framer overrides & code components?

Learn how you can add and use code overrides and code components easy in Framer trough just a few steps.

code component

How to add a Framer code component in 3 easy steps.

How to add a Framer code component in 3 easy steps.

These code components stand apart from code overrides by offering unique properties and styling options built right into them, which makes them versatile and offering almost unlimited possibilities into adjusting them to your needs.


This approach not only enhances the functionality and visual appeal of projects but also positions Framer as a versatile platform for designers seeking to achieve more advanced things that you can't currently do with the native features already present in Framer. Code components and overrides each offer distinct advantages, expanding the creative possibilities within your workflow.

1

1

Copy the code component

Copy the code component

  • Copy the code component and it will automatically get copied to your clipboard.

Video recorded with Screen Studio

2

2

Add the code component in Framer

Add the code component in Framer

  • Back in Framer, simply paste inside your canvas and the code component will automatically appear.

  • The component is also available at all times in the left side panel, under Assets tab - Eleveight Supply.

  • You can add as many instances as you wish into your project by dragging it into the canvas.

Video recorded with Screen Studio

3

3

Customize your code component

Customize your code component

  • On the right side panel, you'll have all adjustable property controls for the code component.

  • Works just like it would be a native Framer component.

Video recorded with Screen Studio

Update

Updating components

Updating components

Code components can be updated just like native Framer components. Just head over the left side panel, under Assets - Eleveight Supply and check if you have any updates.

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

Follow us on x.com

© 2024 - Eleveight Supply™

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com