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
15
407
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/
Fine Jewelry Editorial, AI-Generated Chiaroscuro Campaign Photography
One light source. Deep burgundy backdrop. Gold and diamonds doing all the work.
Every pore real. Every chain link sharp. Every diamond facet catching exactly the right light.
Multiple shots. Closeups of each piece on skin. Full portraits. A mirror reflection showing the clasp from behind.
All generated with AI. No studio. No photographer. No retouching.
1
101
Photography website. Done in @Framer
I tried to explore the horizontal scroll here. Even in the CMS content, which was pretty challenging.
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