I%27m%20a%20experienced%20frontend%20developer%20who%20loves%20building%20Webflow%20websites%20with%20cool%20dynamics%20and%20visual%20impact.
diegoliv has 70 followers on Webflow.
Calendoscope%20-%20Free%20Webflow%20Landing%20Page
I%20wanted%20to%20create%20something%20a%20bit%20more%20in%20line%20with%20traditional%20landing%20pages%2C%20but%20at%20the%20same%20time%20include%20a%20few%20animations%20and%20transitions%20that%20would%20spice%20it%20up%20the%20layout.%20So%20here%20it%20is%21%0A%0AThis%20template%20also%20contains%20a%20very%2C%20very%20simple%20style%20guide%20to%20help%20organize%20a%20project.%20It%20only%20contains%20very%20basic%20definitions%20of%20global%20classes%2C%20like%20Typography%2C%20font-size%2C%20buttons%2C%20etc.%0A%0AFeel%20free%20to%20clone%2C%20change%20and%20reuse%20for%20your%20projects%21
Tags:
- template
- animation
- interactions
- clean
- styleguide
- landing%20page
- app
Visit Site
Bilbao%20-%20Webflow%20blend%20modes%20sample
I%20couldn%27t%20contain%20my%20excitement%20for%20the%20release%20of%20native%20blend%20modes%20in%20Webflow%20on%20NoCodeConf%202021%2C%20so%20I%20did%20this%20quick%20little%20project%20to%20show%20a%20bit%20of%20what%20you%20can%20do%20with%20it.%20%0A%0ABackground%20videos%20+%20multiply%20image%20for%20a%20cool%20double%20exposition%20effect%20is%20definitely%20on%20of%20the%20things%20I%20wanted%20to%20try%21%0A%0AFeel%20free%20to%20clone%20it%20and%20have%20some%20fun%21
Tags:
- blendmode
- mixblendmode
- multiply
- template
- portfolio
- serif
Visit Site
Roulete%20-%20Free%20Webflow%20template
I%20wanted%20to%20explore%20more%20of%20what%20you%20can%20do%20with%20scroll-based%20animations%20and%20page%20transitions%20and%20ended%20up%20creating%20this%20cool%20template%20based%20on%20some%20albums%20from%20the%2090%27s-2000%27s%20that%20forged%20my%20taste%20for%20music%21%0A%0ASome%20of%20the%20things%20you%20will%20find%20on%20this%20template%3A%0A%0A-%20Anchor%20links%20properly%20scrolling%20to%20each%20album%0A-%20Integration%20with%20CMS%20%28each%20album%20and%20song%20is%20a%20CMS%20collection%20item%29%0A-%20Usage%20of%20color%20palettes%20based%20on%20CMS%20items%0A-%20Smooth%20page%20load%20and%20page%20transitions%0A-%20bits%20of%20CSS%20/%20JS%20to%20achieve%20what%20you%20can%27t%20do%20with%20native%20Webflow%0A-%20Cool%20rock%20songs%0A%0AFeel%20free%20to%20clone%20it%2C%20explore%20it%2C%20bend%20it%20to%20your%20will%2C%20and%20create%20cool%20stuff%21
Tags:
- smoothscroll
- smoothscrolling
- pagetransitions
- page%20transition
- cms
- template
- colorful
- animation
- interactions
Visit Site
Hokaido%20-%20Free%20Horizontal%20Scrolling%20Template
One%20of%20my%20frustrations%20with%20Webflow%20transitions%20is%20that%20achieving%20a%20good%20horizontal%20scroll%20effect%20with%20things%20like%20parallax%20is%20not%20possible%20out%20of%20the%20box.%20The%20%22while%20scrolling%20in%20view%22%20trigger%20only%20works%20for%20vertical%20scroll.%20So%2C%20after%20some%20trial%20and%20errors%2C%20I%20came%20up%20with%20a%20setup%20that%20gets%20the%20job%20done%21%0A%0AHokaido%20is%20a%20free%20template%20focused%20on%20images%20and%20horizontal%20scroll.%20It%27s%20main%20features%20are%3A%0A%0A1.%20Works%20well%20with%20CMS%20-%20no%20need%20to%20manually%20tweak%20any%20transitions%2C%20the%20horizontal%20scroll%20works%20with%20any%20number%20of%20CMS%20elements.%0A%0A2.%20Parallax%20effects%20-%20create%20cool%20horizontal%20parallax%20effects%2C%20with%20the%20current%20setup%2C%20it%20just%20works%21%0A%0A3.%20Cool%20page%20transitions%20-%20go%20from%20page%20to%20page%20with%20a%20smooth%20transition%20between%20different%20projects.%0A%0AWant%20to%20know%20how%20the%20trick%20is%20done%3F%20Clone%20it%2C%20change%20it%2C%20make%20it%20your%20own%21
Tags:
- horizontal
- horizontalscroll
- parallax
- horizontalparallax
- transitions
- pagetransitions
- pageload
- modern
- cms
- responsive
- interactions
- template
Visit Site
Qaleido%20-%20Free%20Webflow%20Template
Tried%20to%20reproduce%20the%20cool%20kaleidoscope%20effect%20from%20the%20%22The%202021%20Lemonade%20Giveback%22%20page%20%28https%3A//www.lemonade.com/giveback-2021%29%2C%20and%20ended%20up%20having%20some%20fun%20time%20doing%20a%20cool%20template%20using%20some%20of%20the%20coolest%20rock%20and%20metal%20songs%20from%20my%20childhood.%20Feel%20free%20to%20clone%20it%20and%20have%20some%20fun%21
Tags:
- kaleidoscope
- scroll
- scrolleffect
- interactions2
- interactions
- free
- transitions
- loading
- music
Visit Site
Nihongo%20-%20Free%20Template
What%20started%20as%20just%20a%20fun%20project%20trying%20to%20reproduce%20the%20cool%20scroll%20effect%20on%20Christofer%20Melgram%27s%20website%20%28http%3A//www.christophermelgram.com/%29%2C%20ended%20up%20as%20an%20ode%20to%20some%20of%20my%20favorite%20animes%20of%20all%20time.%20I%27ve%20also%20added%20some%20simple%20but%20cool%20transitions%20to%20spice%20it%20up.%0A%0AFeel%20free%20to%20clone%2C%20play%20with%20it%2C%20and%20have%20fun%21
Tags:
- transitions
- page%20transition
- scrollanimation
- 3deffect
- horizontalscroll
- typography
Visit Site
The%20Pawtastic%20Family%20%28Familinha%20Buscapata%29
A%20personal%20project%20I%20did%20for%20fun%20based%20on%20my%20wife%27s%20Instagram%20account.%20Had%20some%20fun%20with%20parallax%20effects%2C%20horizontal%20scrolling%20effect%2C%20and%20some%20more%20cool%20interactions.%20Have%20fun%21
Tags:
- 3dart
- blender
- parallaxscroll
- interactions
- horizontalscroll
- fullscreen
Visit Site