This is a free clonable horizontal hero section for any project you want to develop in the future.

We used only Webflow interactions to animate all divs and texts.

For the settings: Make sure you have selected class Body (all-pages), go to the typography panel and apply 1vw for it.

Font Used: Rosemode

Feel free to use these interactions in any of your projects.

Much more will come!

Hope you like it! :)

Scroll & Text Animations

Hi my gorgeous friends of Webflow,

This project is a complete Desktop rebuild of Webflow website home page.

Needless to say, Webflow home page is a huge example of how to implement mega menus, scrolling interactions, custom tabs components, infinite marquees that stops on hover, greatly customized sliders, awesome design, and much more.

Enjoy and feel free to leave a comment! :)

Have an awesome Webflow journey y'all,
Francesco

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Webflow Home Page Rebuild

Hi my gorgeous friends of Webflow,

This project contains an infinitely looping marquee with stop on hover.
Just a bit of css needed to build a pretty fancy functionality. :)

But if you feel adventurous, click on the button to activate jQuery super-powers! :)

Enjoy and feel free to leave a comment!

******* PROJECT UPDATE *******
Just added a second page to the project to account for vertical marquee scrolling! :)

******* YOUTUBE TUTORIAL *******
Attributes-only solution tutorial available at:
https://youtu.be/lfWS_E_pOlg

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Infinite Marquee With Stop On Hover

We want to share some exciting news about our recent collaboration with Apparel Tech.

Also, we want to show their production capabilities, the manufacturing process, physical structure of the company through a clear website and direct communication.

The site was assembled by 70% on the Webflow and by 30% using GSAP and Java Script.

Design made by our very good friend Vinicius Pineschi.

Link: https://www.appareltech.us/

Apparel Tech

Creative Portfolio - This is a free clonable template for any agency or design studio you want to develop.

We used CMS Sliders all over the website to easily change and add new images and text

For the settings: Make sure you have selected class Body (all-pages), go to the typography panel and apply 1vw for it.

Font Used: SK Concretica | Aeonik

Feel free to use this template in any of your projects.

Much more will come!

Hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Website - https://www.sivmedia.com

Creative Portfolio

No. 4 of the series - Footer cloneable component with contact form, text animations, page links, and social media buttons.

The footer component was designed by Vinicius Pineschi and you will see a very cool website developed by our team using this type of footer very soon.

Font Used: Aeonik 

For the settings: Make sure you have selected class Body (all-pages), go to the typography panel and apply 1vw for it. Enjoy!

Feel free to use this footer section in any of your projects.

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Website - https://www.sivmedia.com

Footer #4

No. 3 of the series - Footer cloneable component with subscribe form, text animations, cursor animation, page links, and social media buttons.

The design was inspired by Behance

Font Used: Fonde | Sackers Gothic Std

For the settings: Make sure you have selected class Body (all-pages), go to the typography panel and apply 1vw for it. Enjoy!

Feel free to use this footer section in any of your projects.

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Website - https://www.sivmedia.com

Footer #3

I liked Bertani's horizontal scrolling website so much that I rebuilt it in Webflow.

Almost no custom code was used. I used just a little for insignificant stuff such as hiding the scrolling bars, adding the difference blend mode to the cursor, creating the countdown year effect in the preloader, and adding an outline to the text in the menu.

Clone it and have a look through it.

--

Want to learn how it was created? Subscribe to my YouTube channel (tutorials for this website coming soon) 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

__

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Bertani Webflow Rebuild - Horizontal Scrolling Website

No. 2 of the series - Footer cloneable component with gradient background animations, page links, and social media buttons.

The design was inspired by Zoox website

Font Used: Planer - Light | Regular | Demibold

For the settings: Make sure you have selected class Body (all-pages), go to the typography panel and apply 1vw for it. Enjoy!

Feel free to use this footer section in any of your projects!

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia
-> Dribbble - https://dribbble.com/SIVMEDIA
-> Linkedin - https://www.linkedin.com/company
-> Website - https://www.sivmedia.com

Footer #2

I started a series with footers collections. This is the first cloneable. I want to make 10 footers designs inspired by the best websites on the market. 

For the social buttons, I used mix blend "difference" and you will find all the settings in the embed element from this project.

This first design was inspired by Cuberto Agency website

For the settings: Make sure you have selected class Body (all-pages), go to the typography panel and apply 1vw for it. Enjoy!

Feel free to use this template in any of your projects!

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia/
-> Dribbble - https://dribbble.com/SIVMEDIA
-> Linkedin - https://www.linkedin.com/company/13021581
-> Website - https://www.sivmedia.com/

Footer #1

Another One is a landing page for an NFT Token made from scratch in Webflow with a little bit of custom code. 

All the glassmorphism effect was created in Webflow with custom code.

The last section was created to hide more text information from the website in this way only the user who wants to read more about this Token can access it.

Design: Figma
Development: Webflow

Images: Made from scratch in Figma and Cinema 4D

Full Website here: https://www.anotherone.finance/

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia/
-> Website - https://www.sivmedia.com/

Crypto Alt Coin

Candy Brittle - This is a free clonable template for a candy shop or any other niche do you want to develop.

I found on Dribbble a photo so, I wanted to recreate this one in Webflow. The entire design of the landing page was created in Figma, and then I translated it into Webflow. 

For the first heading - Power of Candy Brittle, I combined 2 fonts (Lovelace & Erotique) for an interesting effect of the section.

And for the slider below I used one variation of a slider made by Timothy Ricks, which I adjusted a little bit to be exactly like the version I found on Dribbble.

Inspirations: dribbble.com

Fonts used: Lovelace | Erotique | Megabyte

Images: Brittle & Beyond website | Unsplash

Fell free to use this template in any of your projects!

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia/
-> Website - https://www.sivmedia.com/

Candy Brittle - Cloneable Template

Fashion Hero Section - This is a free clonable section made for any fashion website or portfolio. You can also develop this website further and let your imagination fly.

I tried to recreate a section that I saw on Dribbble to test my Webflow skills. I started by creating the entire design of the section in Figma, and then I translated it into Webflow.

For the click interactions I used Class Adder from Finsweet, and for the text animations, I used the javascript library used by Timothy Ricks in his projects.

Inspirations: dribbble.com

Fonts used: Bon Vivant Serif | Averta

Images: Unsplash | Envato Elements

Fell free to use this section in any of your projects!

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia/
-> Website - https://www.sivmedia.com/

Fashion Hero Section

Landing Page Concept For Data Processing Company

The template was made on @TimothyRicks Wizadry Technique and includes 9 static sections. It's fully responsive and ready to use right away! No custom code - 100% built in webflow.

Design made in FIGMA
       
Font used: Graphic 

Feel free to use this template in any of your projects!

Much more will come!

For collaborations please send me an email at: shazersiminn@gmail.com

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia/
-> Website - https://www.sivmedia.com/

Data Processing Company - Landing

SIV Media is an digital marketing agency, who help businesses make smart digital advertising decisions, allowing them to be more efficient and successful in their marketing efforts to gain a competitive advantage.

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia/
-> Website - https://www.sivmedia.com/

Digital Marketing Agency - New Website

Hello everyone!

The Agency - Is a free clonable website made for any marketing or design agency.

This is my first webflow project in which I tried to implement animations and certain features found on the websites of the most powerful agencies in the world.

Inspirations: curberto.com | fleava.com
       
Fonts used: Neuzeitgrolig | Warning | Graphic

Fell free to use this template in any of your projects!

Much more will come!

I hope you like it! :)

-> Facebook - https://www.facebook.com/sivadvertising
-> Instagram - https://www.instagram.com/sivmedia/
-> Website - https://www.sivmedia.com/

The Agency - Cloneable Template

This demo showcases an animated SVG/Lottie menu that comes in from the right to the left. The animation path was created in Adobe Illustrator and then animated in Adobe After Effects. Afterward it was brought into Webflow and the animation was triggered alongside a menu opening. Animations were also added to the open and close buttons as well as to the menu items in the menu.

WebDev For You - Interaction #141

A portfolio website for Multi-Discplinary Designer James Clarke, showcasing both his work and playful character.

Atwww