Framestack /

Framer Components

Theme Variants

Show a different layer or component variant for light and dark themes. Toggle your device's theme to see it in action.


Using the connector on the right side of the component, connect a layer for dark and light modes. You can also select layers from the dropdown list beside the dark and light properties. The correct layer will automatically be displayed based on the user's device theme preference.

This component is compatible with the Theme Toggle component.