Landing page made for a client using their stunning 3D videos and custom interactions to narrate a story about the creative advantages of an Augmented Reality device.

A New Era of Play

Hi everyone!
I crafted this cut-off effect for an upcoming project and thought I should share it with the community.

The window circle is animated using native Webflow interactions to follow the mouse movement through the viewport.
Using CSS3 Blending Modes I managed to make the background behind visible. In this case, I used a video background but it can be replaced by a static image or a gif. (Keep the same classes and replace the video bg for a regular div, then add the background image in the styling panel).

The Green version contains the demo content and some cosmetic styling, but I also included a "Warm/Clean" version (see footer) that contains just the effect so it's easier to implement on your own projects.

I encourage you to play around with backgrounds in both the Mask-BG and the Animated-BG to achieve some mesmerizing visuals.

A like is very appreciated if you clone and enjoy this work ♥️
Have fun building!

Cursor cut-off with Background Video 

Hey! I built this simple solution that changes the color of the scrollbar as sections enter and exit the viewport for an upcoming project and thought it could be useful enough to share. 

It was made with custom CSS and Javascript.
The Javascript code uses Finsweet's Class Adder and is standalone.

Leave a like if you enjoy and feel free to clone it and use it as a starter for your own projects 🤩

Scrollbar Color Change on Scroll

My new portfolio is finally out from my workspace's vault! 
It almost didn't get to turn on the pixels on your screen because I'm already working on the next one, but someone I appreciate a lot said to me "It's always better to show than to keep" so here it is in all its flaws and quirkiness. 

If you enjoy it as much as I did enjoy creating it from scratch, then we might think alike :)
Thanks for watching!

EloyB | 2022 Portfolio

Enjoy this brutal collection of 2000's inspired buttons for your cool kid needs.

Only use the Buttons, not the wrappers. Or take both, whatever.

Don't forget to leave a like if you clone it :)

Y2K Button Collection

I made a quick DOS-styled landing page to have a little coming soon notice on my new domain http://eloyb.design  
The layout and execution are pretty simple, used Typed.js for text animations, custom interactions for button reveals, and added a canvas line that follows the cursor just because it felt cool.

Stay tuned for the real deal once my new page is launched!
Thanks for watching :)

Coming Soon Page // eloyb.design

Animated website Design + Dev made for a professional, in collaboration with Eurecah.com

C. Astore Website

Paradam Studios' new Website design and development — made with my friends at Eurecah (www.eurecah.com)

This eclectic site was crafted with lots of love using a maximalist approach for the design and a collaborative spirit. Fully animated with a mix of Webflow Interactions, LottieFiles and LocomotiveScroll. Enjoy!

Paradam Studios

Dog Trainer website

Galileo - Health Care App Landing page

König Portfolio

I crafted this quick site that gathers my latest projects and links to my services. It also works as a showcase for interactions and animations.

ESTUDIOBE Portfolio Website

An horizontal portfolio concept I played around with a few years ago.
Go ahead and clone it to speed up your project!
Don't forget to like it if you do :)

StanislavPortfolio

I made this minimalistic 404 page template with a doorknob hanger sign.
Animated with Lottie and Interactions.

Enjoy! If you clone it don't forget to leave a like :)
Follow me for more goodies

404 Animated Knobhanger

Landing Page for a Housing Complex in Buenos Aires, Argentina

C. Living - Landing Page

Animated Landing page in DOS/DVD brutalist fashion