Pinned
00:00
Yianni
3,880 posts
Yianni
@yiannifive
Designer ✱ Co-founder & Head of Design deeo.studio
Creative Experiments artifacts.deeo.studio
Stay curious.
- Here's how I used @hiunicornstudio and @framer to build out an image reveal component, inspired by the new Lando Norris site created by @itsoffbrand (amazing work). Just a different take and experimenting with the tools. Img: @midjourney
00:00 - Web hero concept - mouse reveal @midjourney video + @framer + @hiunicornstudio Imagery inspo @JCKHLRY / @ART_INPUT
00:00 - Card design using @cavalry__app for the animation. @midjourney for the source image, turned into a 3D model using @krea_ai. Then in Cavalry converted using the Image Sampler.
00:00 - You can make so many interesting patterns and effects using the 'replicate' effect in @hiunicornstudio. It's been my go-to lately.
00:00 - Okay, I put together a tutorial video for how I made that interactive hero section using @framer, @hiunicornstudio, and @midjourney. Hope this helps, but let me know if you have any questions about it! #framer #tutorial #webgl #nocode
00:00 - Game On CTA interactive web component. Used @cavalry__app to create the glyph style animation. @midjourney to create the controller image which I then converted to a looping 360 video. Brought that video back into Cavalry and used the material sampler to map custom created
00:00 
00:00
00:00- Animated version of the social avatar I was working on. @splinetool
00:00 - Vibe coding with @framer Made a quick walkthrough of how to use Workshop to build a custom highlighter component in a couple minutes. #framer #webdesign #vibecoding
00:00 
00:00- I was inspired by this SDF Lens blur by CoDrops and wanted to see if I could create something similar with @hiunicornstudio. Think it came out pretty sharp. Unicorn: unicorn.studio/embed/k9TNJe1c… CoDrops: tympanus.net/Tutorials/SDFL…
00:00
