Discover the best gifs websites created by professional designers. Get inspired and start planning your perfect gifs web design today!

Mary Daniel

I am a passionate designer based in Tel Aviv. I am enthusiastic about learning, working hard and solving problems with a clean and functional design.

mary daniel portfolio

mary-daniel-portfolio

Apple changed its homepage for a short period to support International Women's Day. To make it special, I recreated it and replaced some of the images with the women in my life. You can compare it to the original here:

https://web.archive.org/web/20200309051055/https://www.apple.com/

It's not a perfect replication, for instance, Webflow's mouse move interaction doesn't translate to mobile. But I'm happy to hear suggestions on how to improve it. 

Regardless, feel free to clone and make it your own!

Apple - International Women's Day

Apple International Women's Day 2020

Personal creative website for artist couple The Circle & The Square. Enjoy!

The Circle & The Square Site

thecircleandthesquare

AWGE is a creative agency created by A$AP Rocky. Their website was originally developed by Sehmon Burnam (@sehmonb), Alex Shortt (@_alexshortt), Wally Sajimi (@wallypdf), and others. Handles are for Twitter.

This is for educational purposes only.

AWGE

AWGE, an agency founded by A$AP Rocky

#CloneComp 2020: Endgame. Hold on to your butts.

Fun fact; all the ships in this project are not screenshots. I cloned each project with a ship in it and duplicated each element from the original project, and resized them using transformations. It took forever.

¯\_(ツ)_/¯

#CLONECOMP Day 3 | Josh Jacobs

#CloneComp: Endgame • Day 3 | Josh Jacobs, Joshwork

We made CoD Warzone landing page for a YC W2020 backed company Legionfarm. The task was to design a website for play with pro service where players hire pro gamers to play CoD Warzone with them to learn and have fun. In 2 sprints we've made an all about gaming website in an industry-standard orange-black/grey palette and gaming gifs.

Copy of LegionFarm

Legionfarm

Retro 90's conspiracy themed landing page and emblem designed and developed for Fellow Products. The temporary landing page was accessible only through an Easter egg on Fellow's main site. Its goal was to collect email addresses from visitors who wanted in early on the "conspiracy" of their latest product launch on Kickstarter, the Ode Brew Grinder. The landing page resulted in almost 3,600 user sign-ups for Fellow's newsletter and their Kickstarter campaign for the Ode Brew Grinder reached well past their goal and landed at $1,105,813.

Fellow Conspiracy Club

The Akimbo Type Foundry Website was designed with discovery in mind. As a speculative type practice, the website functions to deliver a plethora of content types in a unique, even, and surprising way.

Akimbo.black

Akimbo Type Foundry Website

Blai

This site uses a Dad Joke API and the Giphy API to generate a fun dad joke and GIF on the fly!

dad-jokes-with-gifs

Dad Jokes & GIFs

Finerfox

A super-innovative biotech startup coming out of stealth mode tasked us to design and develop a captivating immersive website to officially reveal their groundbreaking technology to the world.

Melonfrost - Made by Finerfox

Melonfrost - Disruptive Biotech Startup

Introducing our client's new product launch landing page: a visually captivating introduction to their temperature meter. Using advanced techniques, we animated a transparent title image in After Effects, allowing us to showcase a captivating video with transparency using Lottie. The page highlights the product's technical capabilities through interactive sections, ensuring an intuitive user experience. With a sleek design and engaging graphics, the hero section immediately grabs attention. Our goal was to create a stunning and informative website that effectively showcases the product while providing an engaging user experience.

CleverIR ACE

Memberstack

Happy Monday!

I noticed a bunch of people asking how to do this in the forums, but no tutorials. So I made one! 

It includes a bit of optional custom code if you want the gif to transition smoothly. Otherwise, it's 100% native Webflow. 

I tried a few different options and this is my favorite when working in Webflow. As the title suggests, I'm hiding the GIF behind a static image. I'm also using Javascript to restart the GIF onHover. If you don't care about starting the GIF from the beginning, you can remove the JS.

In the 3min video I explain how to export the first frame and how to reduce file sizes by using a video instead. 

If you have any questions, please leave a comment on the video. 

Thanks all,
Duncan Hamra
Memberstack.com

Discover gifs websites built by the Webflow community

Discover gifs websites built by the Webflow community