Navigation

Easy linking.

Visually structure your pages and link to them with a few clicks. Every link will be automatically updated when page names change. Redirect traffic if needed.

Insert

Layout

Text
CMS

Actions

Invite

Publish

Pages

Layers

Assets

Web

Home

/hiring

/pro

/for-designers

/advertise

/about

/careers

/ux-diploma

/workshops

/cookie-policy

/terms

/privacy

/guidelines

CMS

Brands

21

Workshops

11

Canvas

Desktop
Breakpoint

Link Styles

New Style…

A

White

A

Navbar

A

Underline

A

Pink

Edit

Overlays

Link

Link To

/pro

Section

#pricing

New Tab

Yes

No

Link

A

Navbar

Layout
Width

100

Auto

Height

40

Auto

Layout

Effects

Styles

Opacity
1
Visible
True
False
Radius
0

Overflow

Hidden

Fill

Add…

Border
Add…
Shadows
Add…

Accessibility

Export

Point your users anywhere. Link to another page, scroll to a specific section, or open a modal; our visual navigation tools make directing your users through your site easy.
Point your users anywhere. Link to another page, scroll to a specific section, or open a modal; our visual navigation tools make directing your users through your site easy.
Links

Turn anything into a link and easily navigate your site.

Pricing

About

Sign up

Pages

Simply create, rename, and move around your site’s pages to create routes.

Pages

Layers

Assets

Web

Home

/about

/careers

/blog

/docs

CMS

Canvas

Desktop
Breakpoint

Pages

Layers

Assets

Web

Home

/about

/careers

/blog

/docs

CMS

Canvas

Desktop
Breakpoint
Scroll sections

Give sections on your page unique identifiers, then link directly to them or use them as animation triggers.

Redirects

Route traffic from an old path to a new URL.

https://yourwebsite.com

/about

/company

/about

/company

Overlays

Make video players, dialogs, navigation bars, and much more.

Get in touch.

Get in touch.

Email

Message

Site Search

Easily add instant search funtionality with layout options, customizations, and scope control.

Link styles

Style all of your links in one go, including default, hover, and current page states.

  • Default

  • Hover

  • Current

Link Styles

New Style…

A

Pinkish

#FFBB00

A

Pink

#0099FF

A

Super Pink

#FF8800

A

Ultra Pink

Edit

Pages

Pages in Framer are the building blocks of your website, allowing you to create, rename and move around different parts of your site. Each page has its unique path, which you can easily set up.

With Pages, you can structure and organize your content in a way that makes sense for your project. Whether you’re working on a simple landing page or a complex multi-page site, Pages in Framer provide a simple and intuitive way to manage and structure it.

Framer UI showing Pages feature
Framer UI showing Pages feature
Framer UI showing Pages feature

Scroll sections

You can mark any layer as a scroll section. This allows you to link directly to this section, even outside Framer. Framer gives you a handy overview of all available scroll sections for each page. Additionally, you choose if the scroll should be instant or a smooth animation.

Redirects

Routing traffic from an old path to a new URL is a feature that helps redirect users to the new location of your content, even if the URL has changed. This feature is useful when making changes to your website’s structure, such as reorganizing content or redesigning your site. It helps maintain SEO and avoid 404 pages, making it easier for users to find what they want on your website.

Create Redirect

Redirect existing URLs to new ones to maintain search engine ranking. Learn More

Old URL

New URL

/url, /url/*, …

/url, /url/:1, …

Redirects

Any changes made to this list will go live on publish. Reorder the items to define the priority.

/about

/company

/articles/(.*)

/article/:1

/product

/what-is-framer

/blog/how-to-do-x

/blog/how-to-do-a

/404

/page-not-found

/company

www.framer.com/jobs

Overlays

Use Overlays to create a wide range of elements on your web page, including video players, dialogs, navigation bars, and more.

Features

About

Contact

Sign up

Get in touch.

Email

Message

Viewport

Editing Overlay

·

Desktop

Done