![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 17.036 16.071 L 3.536 16.071 C 2.65 16.071 1.929 15.35 1.929 14.464 L 1.929 11.25 C 1.929 10.717 1.497 10.286 0.964 10.286 C 0.432 10.286 0 10.717 0 11.25 L 0 14.464 C 0.001 16.416 1.584 17.999 3.536 18 L 17.036 18 C 17.568 18 18 17.568 18 17.036 C 18 16.503 17.568 16.071 17.036 16.071 Z M 13.539 0.283 C 13.162 -0.094 12.551 -0.094 12.174 0.283 C 11.798 0.659 11.798 1.27 12.174 1.647 L 14.707 4.18 L 11.571 4.18 C 8.027 4.18 5.143 7.064 5.143 10.608 C 5.143 11.141 5.575 11.573 6.107 11.573 C 6.64 11.573 7.071 11.141 7.071 10.608 C 7.071 8.127 9.09 6.108 11.571 6.108 L 14.707 6.108 L 12.174 8.641 C 11.809 9.019 11.814 9.621 12.186 9.993 C 12.557 10.365 13.159 10.371 13.537 10.005 L 17.716 5.827 C 17.897 5.646 17.999 5.4 17.999 5.145 C 17.999 4.889 17.897 4.643 17.716 4.462 L 13.537 0.284 Z" fill="transparent" height="18px" id="Z7MyMvAGJ" transform="translate(1 1)" width="18px"><g opacity="0.4"><path d="M 17.036 5.786 L 3.536 5.786 C 2.65 5.786 1.929 5.065 1.929 4.179 L 1.929 0.964 C 1.929 0.432 1.497 0 0.964 0 C 0.432 0 0 0.432 0 0.964 L 0 4.179 C 0.001 6.131 1.584 7.713 3.536 7.714 L 17.036 7.714 C 17.568 7.714 18 7.283 18 6.75 C 18 6.218 17.568 5.786 17.036 5.786 Z" fill="rgb(247, 247, 247)" height="7.714428914061898px" id="EIf7EERTU" transform="translate(0 10.286)" width="18px"/></g><path d="M 8.396 0.283 C 8.019 -0.094 7.408 -0.094 7.032 0.283 C 6.655 0.659 6.655 1.27 7.032 1.647 L 9.564 4.18 L 6.429 4.18 C 2.884 4.18 0 7.064 0 10.608 C 0 11.141 0.432 11.573 0.964 11.573 C 1.497 11.573 1.929 11.141 1.929 10.608 C 1.929 8.127 3.947 6.108 6.429 6.108 L 9.564 6.108 L 7.032 8.641 C 6.666 9.019 6.671 9.621 7.043 9.993 C 7.414 10.365 8.016 10.371 8.394 10.005 L 12.573 5.827 C 12.754 5.646 12.856 5.4 12.856 5.145 C 12.856 4.889 12.754 4.643 12.573 4.462 L 8.394 0.284 Z" fill="rgb(247, 247, 247)" height="11.572595196411214px" id="Ha_t3VDsa" transform="translate(5.143 0)" width="12.855651277727503px"/></g></svg>)
Share
Thanks for sharing :)
Share
Thanks for sharing :)
Like
Liked
0
Beyond Canvas
This is an Apple inspired scroll effect and transform morphing an image to the iPhone screen wallpaper and lockscreen. It uses multiple scroll effects and transforms to achieve the effect and uses no component variants, everything is made in canvas.
How do I use it?
You need to click "Remix project" and the project will automatically open, create a copy and add it to your Framer account so you can easily edit and tweak it as much as you like.
made by Fabian Albert.
© 2026 - Eleveight Supply™
Follow us on x.com
Say hello: sales@eleveight.supply
made by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply
© 2026 - Eleveight Supply™
made by Fabian Albert.
© 2026 - Eleveight Supply™
Follow us on x.com
Say hello: sales@eleveight.supply