I recently worked on a yoga studio website and had a great time exploring different tools to shape the visual atmosphere.
The light rays were recreated in @Unicorn Studio , which allowed me to play with different effects and properties. Everything else, from layout to interactions, was built in @Framer
This project was a good reminder of how combining the right tools can elevate even simple concepts. Experimenting, adjusting, and refining each detail made the process genuinely enjoyable.
10
12
118
Costume component in @Framer
I wanted to create something similar, in Framer, to what we all saw on Landonorris.com (https://Landonorris.com)
This component uses 3 main elements:
1) The original image
2) The masked image
3) A depth map
The object in the image moves according to the cursor and the depth map.
Feel free to try it yourself here:
https://imagedepth.framer.website/
Random fonts on hover, done in Framer.
Feel free to copy this project and use the component with the link below:
https://framer.link/POlamE9
#framer
#ShareYourWork