Framer Component

OS Variants

Display different variants of a layer on different operating systems. Useful for creating app download buttons that direct you to a different download link on iOS and Android, or for showing different keyboard shortcuts on Mac and Windows.

Get over 60 components and code overrides for building websites with Framer!
No subscription - pay once, use forever.

Type

Code Component

Free

No

Last Updated

May 17, 2024

Instructions

Instructions

Copy and paste the component into your Framer project and use the property controls on the right side to customize and configure it for your website.

Create layers for each OS outside of the page breakpoint, then use the handle on the right side of the component to connect them or select them from the dropdown lists.

Any OS that doesn't have a layer connected will use the "Fallback" layer instead.