All components

/

All components

Hero

  1. Remix the starter file

Remix the Framepad Starter file before copying components over.

  1. Copy components

Browse through and simply hit the copy button on a component you want to use.

  1. Paste in Framer

On your Framer canvas, paste the component in the your breakpoint frame.

  1. Detach components

Set the component width to 'Fill', and then unlink the component to edit. You can then detach the component for faster editing.

  1. Replace buttons

Replace the default buttons in the component with your own buttons from the style guide to ensure they're all using the same primary component.


On the placeholder button, right click —> 'Replace With' —> 'Project' —> 'Button'

16

components

Hero / Left

Interactive

This section has interactive elements

Interactive

This section has interactive elements

Interactive

This section has interactive elements

Interactive

This section has interactive elements

Interactive

This section has interactive elements

Interactive

This section has interactive elements

Interactive

This section has interactive elements