Ambre Mgt - Portfolio

Design and Photography portfolio of Maneesha Chaudhary

LOSINGMYEGO Design & Photography Portfolio

A Montreal company manufacturing high-end custom furniture since 1991.

Loeven Morcel

This interaction showcases a unique hover animation when hovering over the images. This interaction can be used for blog cards, or any other type of card where the user can click to go to another page.

WebDev For You - Interaction #140

NO Javascript, no interactions, just simple, easy-breezy marquees ready to be cloned! The need to create marquees like this for clients has been tremendous recently, so I figured it might be helpful to share with the community!

Note: there will need to be an EVEN number of elements inside your marquees for them to function properly and not skip around. The CSS for each marquee is included inside its container and is denoted with an emoji 👍

Is this cloneable helpful to your workflow? Buy me a coffee! http://buymeacoffee.com/joshwork

👍👌 Easy CSS-only Marquees! 👍👌Easy CSS-only Marquees! 👍👌Easy CSS-only Marquees! 👍👌

This is a simple demo of how to integrate CSS scroll snapping, more info in my video tutorial here https://youtu.be/o_lWNEevHJo

css-scroll-snap

Hey everyone!

This is an experiment for a full-screen menu, I had a lot of fun doing it.

Enjoy and don't forget to follow my social media accounts ❤️

Interactive Hamburger Menu

Live: thefinishlineisnevertheend.com

In October 2019, Digitas UK created a high-octane sequel to the acclaimed ‘Powered By Honda’ film released in April 2019 to celebrate Honda’s endless race to success, and return home to the Japanese Grand Prix.

This site was created to dig deeper into each race and the victory's that unfold. 

Creative Director: Jonny Palmer
Chief Creative Officer: Emma De La Fosse
Lead Designer & Developer: Joseph Berry
Art Director: Ryan Timms
Copywriter: Lucy Green
Strategy Partner: James Whatley
Client Director: Jared Howe
Client Lead: Clementine Clough
Agency Producer: Emma Gilbert
Sound Design: Strings & Tins
Director/Production Co: Mainframe
Producer: Philip Archer
Lead 3D editor: Jonathan May
3D artists: Duncan Tune, Marcus
Fernandes, Roger Chiaw, Nick Lyons, Richard Payne, Diogo Dias

Honda - The Finish Line Is Never The End

TLDR; people seem to like this circular text with movement, so I thought I'd try and see if I couldn't hack in WF. I did. This is that.

Powered by circletype.js, it's a little wonky and weird with regards to how it's sized... but it works. Includes interactions for page load, scrolling through sections, and for page transitions.

Clone away, and let me know what you think in the comments!

Trendy AF Circular Text

In response to a Webflow forum post, I re-created the Vue.js Pink Clock found from the Codepen below by Luiz. Please note that a lot of the heavy lifting comes from the custom code section in the page. I'd recommend using a pre-loader of some sort to mask the time it takes for the script to execute.

Codepen: https://codepen.io/luizdemoraes/pen/eqoRLz?&page=2
Forum Post: https://forum.webflow.com/t/how-can-i-add-a-digital-clock-to-webflow/94975

vue-js-clock

Portfolio of User Interface and Interactive Designer Rodolfo Sarno.

Rodolfo Sarno

Use of mix-blend-mode on an element that replaces the cursor.

*edit 23.11.2021*
Webflow released a blend mode option so a custom code is no longer needed here.

https://webflow.com/feature/blending-mode

Cursor Blend

Welcome to daily interaction #63.

This demo showcases an image with a title on mouse over.

Inspired by: https://agneslloydplatt.com/projects/

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev For You - Daily Interaction #63

A collection of animations and interactions made on webflow.

You can also check out Webflow Samples 1: https://webflow.com/website/webflow-samples

Webflow Samples 2

Why not showing different images on load?
-
See the script in the home page custom code section

Random image on reload

Humaaans is a free library to mix-&-match illustrations of people. You can customize their positions, clothing, colors, and hairstyle to create some cool scenes. You can add backgrounds and use the power of libraries to make it your own 💈

Humaaans

Just made this quickly to help out @King on the forums:

https://forum.webflow.com/t/a-bouncing-directional-down-arrow/67806

Floating Element

A Webflow ready, 12 column responsive flexbox grid system. Clone to get started!