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
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.