Design%20focused%20web%20developer.%20Experienced%20in%20CSS%2C%20Javascript%2C%20the%20MEVN%20stack%20and%20a%20bit%20of%20Python%20%26%20PHP%20etc.%20%0A%0AI%20also%20produce%20music%20%uD83E%uDD19
robingranqvist has 133 followers on Webflow.
this-is-norway
I%20recently%20saw%20the%20%22Unstoppable%22%20site%20on%20Awwwards%20%28http%3A//unstoppable.preciosacomponents.com%29%20and%20of%20course%20I%20wondered%20if%20I%20would%20be%20able%20to%20recreate%20it%20in%20Webflow.%20And%20so%20I%20did%2C%20but%20in%20a%20Norway%20theme%20instead.%20%uD83E%uDD19%0A%0APlease%20let%20the%20background%20video%20load%20for%20a%20bit%2C%20since%20there%27s%20no%20preloader.%0A%0ABackground%20video%20by%20Pexels.
Tags:
- interaction
- scrollinteraction
- norway
Visit Site
Open%20Roles%20List%20Interaction
This%20is%20another%20small%20hover%20interaction%20thingy%20similar%20to%20what%20you%27ll%20find%20on%20sites%20all%20over%20the%20web.%20Feel%20free%20to%20clone%20and%20use%20for%20whatever%20%uD83E%uDD19
Tags:
- hoverinteraction
- interaction
Visit Site
section-scroll-tennis-court
This%20is%20another%20of%20these%20section%20scroll%20projects%20using%20Scrollify.js.%20This%20time%20I%27m%20using%20a%20split%20screen%20design%20layout%20with%20some%20geometrical%20tennis%20court%20illustrations%20that%20I%20made%20the%20other%20day.%20I%20really%20enjoy%20the%20vibe%20of%20those.%0A%0AFeel%20free%20to%20clone%20this%20project%20and%20use%20it%20for%20something%20much%20cooler%20than%20this%20example.%20%uD83E%uDD19
Tags:
- scrollifyjs
- sections
- interactions
- animation
- illustration
- minimalism
Visit Site
Small%20List%20Hover%20Interaction
This%20is%20just%20a%20small%20list%20hover%20interaction%20that%20I%27ve%20seen%20being%20used%20on%20Awwwards%20sites%20etc.%0A%0AFeel%20free%20to%20clone%20and%20use%20for%20whatever%20%uD83E%uDD19%0A%0A%28It%27s%20using%20Google%27s%20Material%20Icons%20through%20the%20CDN%2C%20so%20it%20may%20look%20a%20bit%20funky%20inside%20the%20project%29.
Tags:
- hoverinteraction
- interaction
- hover
Visit Site
Image%20Hover%20%26%20Transition%20Concept
This%20is%20a%20quite%20cool%20concept%20of%20some%20type%20of%20gallery%20/%20portfolio%20/%20whatever%20type%20of%20site.%20Since%20it%27s%20just%20a%20concept%2C%20I%20didn%27t%20take%20the%20time%20to%20make%20it%20responsive%20and%20optimized.%20Feel%20free%20to%20further%20develop%20it%20to%20something%20amazing.%0A%0AIcons%20from%20iconmonstr.com%20%26%20images%20sourced%20from%20our%20favorite%20Unsplash.com.%0A%0AFeel%20free%20to%20clone%20the%20project%20and%20use%20it%20for%20whatever%20you%20want.%20%uD83E%uDD19%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- interactions
- animations
- concept
- gallery
Visit Site
Arkitekt
This%20is%20a%20really%20generic%20template%20that%20can%20be%20used%20for%20whatever%20you%20feel%20like.%20It%27s%20a%20bit%20sloppy%20developed%20%28mainly%20structure%20%26%20class%20naming%29%20since%20I%20didn%27t%20feel%20like%20putting%20in%20too%20many%20hours%20into%20it.%20I%27ll%20probably%20fix%20the%20problems%20in%20the%20coming%20days.%0A%0AIt%27s%20using%20the%20slick%20slider%20%28https%3A//kenwheeler.github.io/slick%29%2C%20shown%20by%20Timothy%20Ricks%20in%20this%20video%3A%20https%3A//www.youtube.com/watch%3Fv%3DAG_REG9p61E.%20Go%20take%20a%20look%20to%20see%20how%20you%20can%20customize%20it%20etc.%0A%0AFeel%20free%20to%20clone%20the%20project%20and%20use%20it%20for%20whatever%20you%20want.%20%uD83E%uDD19%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- architecture
- generic
- onepage
- interactions
- slickslider
Visit Site
Hanko%20-%20Parallax%20Illustration
This%20is%20a%20small%20web%20animation%20created%20by%20multiple%20layers%20of%20SVG%27s%2C%20to%20bring%20some%20parallax%20life%20into%20an%20illustration.%0A%0AThe%20illustration%20is%20a%20really%20simple%20illustration%20based%20on%20a%20night%20on%20a%20beach%20in%20the%20beautiful%20little%20city%20%22Hanko%22%20%28Hang%F6%20in%20Swedish%29%20in%20southermost%20Finland.%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- illustration
- webanimation
- animation
- interaction
- scrollinteraction
- parallax
- parallaxscroll
Visit Site
Section%20Scroll%20Interactions%20using%20Scrollify.js%20%26%20native%20Webflow%20interactions
Here%27s%20a%20small%20project%20that%20potentionally%20could%20be%20used%20for%20some%20cool%20stuff.%20Feel%20free%20to%20clone%20it%20and%20use%20for%20whatever%20you%20want.%0A%0AI%20previously%20used%20Anime.js%20for%20the%20letter%20staggering%2C%20but%20it%20caused%20some%20ugly%20glitches%20which%20were%20extremely%20hard%20to%20get%20rid%20of%2C%20so%20now%20it%27s%20just%20using%20Webflow%27s%20amazing%20native%20interactions%20instead.%20%0A%0AThe%20section%20scrolling%20is%20made%20possible%20by%20Scrollify.js%2C%20which%20you%27ll%20find%20in%20the%20home%20page%27s%20custom%20body%20code.%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- interactions
- animations
- clonable
Visit Site
Flowing%20Tides
In%20the%20dark%20Finnish%20winters%2C%20having%20projects%20that%20gives%20summer-feels%20are%20a%20must.%20That%27s%20why%20I%20created%20this%20project.%0A%0AFlowing%20Tides%20is%20a%20concept%20site%20for%20a%20branded%20surfboard%20company.%20For%20me%20it%27s%20more%20of%20an%20interaction%20design%20exercise%20which%20may%20have%20gone%20overboard%20%28hehe%29%20a%20bit.%0A%0AThanks%20to%20Pexels%20and%20Unsplash%20for%20the%20images%20%26%20videos%2C%20as%20well%20as%20Lottieflow%20for%20the%20small%20lottie%20animations.%0A%0AFeel%20free%20to%20clone%20and%20use%20for%20whatever%20you%20want.%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- interactions
- animation
- template
- onepage
- one%20page%20landing%20site
- surfing
Visit Site
Imaginary%20-%20A%20free%20Agency%20Style%20Template
This%20is%20another%20one%20pager%2C%20but%20this%20time%20in%20the%20typical%20style%20of%20a%20design%20agency.%20It%20features%20quite%20a%20few%20interactions%20and%20animations%20and%20a%20bit%20of%20custom%20Javascript%20%26%20CSS%20for%20the%20cursor%20etc.%0A%0AThe%20background%20video%20is%20a%20free-to-use%20download%20from%20https%3A//coverr.co%2C%20and%20all%20images%20comes%20from%20unsplash.%20The%20little%20hamburger%20menu%20lottie%20animation%20%26%20pre%20loader%20is%20created%20by%20Finsweet%27s%20Lottieflow%2C%20check%20them%20out%21%0A%0AIf%20you%27re%20an%20agency%20%28or%20someone%20looking%20for%20a%20freelancer%29%2C%20please%20hire%20me%20for%20the%20summer%20lmao%20%uD83E%uDD19%0A%0A%28No%20but%20for%20real%20hehe%2C%20feel%20free%20to%20email%20me%20if%20you%20need%20some%20work%20done%20for%20one%20off%20projects%20or%20for%20a%20few%20months%20around%20May%20-%20September%3A%20robin.granqvist@hotmail.se%29%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- agency
- interactions
- animations
- backgroundvideo
- customcode
Visit Site
Crush-x%20Concept%20VST%20Plugin%20Landing%20Page
**%20I%20still%20have%20a%20few%20quirks%20to%20fix%20on%20this%20project%2C%20but%20feel%20free%20to%20clone%20it%20**%0A%0AHey%uD83D%uDC4B%20Here%27s%20a%20cloneable%20landing%20page%20for%20a%20concept%20distortion%20VST%20plugin%20%28software%20used%20in%20digital%20audio%20workstations%29%20called%20%22Crush-x%22.%0A%0AThe%20page%20has%20a%20quite%20dark%20feel%2C%20which%20fits%20together%20with%20the%20UI%20I%20designed%20for%20the%20plugin%2C%20as%20well%20as%20the%20weird%2C%20minimalist%20gritty%20llustrations.%0A%0AThe%20background%20is%20using%20particle.js%20by%20Vincent%20Garreau%20to%20create%20some%20depth%20in%20the%20background%2C%20as%20well%20as%20some%20custom%20CSS-animated%20texture%20that%20is%20visible%20in%20the%20hero%20section%20and%20footer%20if%20you%20look%20close%20enough%20%uD83E%uDD73%20%0A%0ALet%20me%20know%20if%20you%20would%20like%20to%20use%20the%20illustrations%20for%20some%20cool%20project.%20I%20just%20designed%20them%20as%20practice%2C%20but%20I%20quite%20like%20them%20and%20would%20love%20to%20see%20them%20be%20used%20for%20something.%20%uD83E%uDD19%0A%0ALet%20me%20know%20what%20you%20think%20in%20the%20comments.%20Feedback%20is%20always%20appreciated.%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- landingpage
- musicproduction
- illustrations
- dark
Visit Site
Midnatt%20-%20A%20Free%20One%20Page%20Template
%uD83E%uDD73%0A%0AThis%20is%20a%20one-page%20template%20with%20a%20cozy%20night-theme.%20The%20hero%20section%20features%20some%20cool%20hover%20animations%2C%20simulating%20a%20night%20sky%20in%20multiple%20layers.%20If%20you%20stare%20long%20enough%2C%20you%20will%20also%20see%20that%20the%20layers%20moves%20a%20bit%20as%20well%20as%20varies%20in%20opacity%20etc.%0A%0AFeel%20free%20to%20clone%20it%20and%20develop%20it%20further%20%uD83E%uDD19%0A%0AImages%20are%20sourced%20from%20Unsplash%20and%20all%20I%27m%20using%20Font%20Awesome%20for%20all%20the%20icons.%0A%0Av1.3%20-%20Added%20particles.js%20for%20the%20hero%20section.%0Av1.2%20-%20Changed%20colors%20%26%20layout%20a%20bit.%20Added%20a%20logo%20%26%20social%20icons.%0Av.1.1%20-%20Fixed%20some%20responsiveness%20errors%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- animation
- interaction
- onepager
- landing%20page
- midnatt
Visit Site
Port%20621%20-%20Free%20Minimalist%20Portfolio%20Theme
%22Port%20621%22%20is%20a%20minimalist%2C%20clean%20and%20content%20focused%20portfolio%20%28or%20whatever%20you%20want%20to%20use%20it%20for%29%20theme%20for%20Webflow.%0A%0ACMS%20is%20used%20to%20contain%20the%20content%20for%20each%20project%20showcased.%20Three%20versions%20of%20the%20custom%20font%20Inter%20is%20used%20as%20typography%2C%20as%20well%20as%20Font%20Awesome%20for%20some%20icons.%20Images%20are%20sourced%20from%20Unsplash.com.%0A%0AFeel%20free%20to%20clone%2C%20use%20and%20edit%20it%20however%20you%20like.%20It%27s%20mostly%20intended%20to%20be%20used%20as%20a%20starting%20point%20%3A%29%0A%0AFeel%20free%20to%20leave%20a%20like%20or%20comment.%0A%0Ahttps%3A//twitter.com/robingranqvist_%0Ahttps%3A//instagram.com/robingranqvist_%0Ahttps%3A//dribbble.com/robingranqvist%0A%0Arobin.granqvist@hotmail.se%20%uD83E%uDD19
Tags:
- portfolio
- minimalism
- minimalist
- clean
- simple
- clonable
Visit Site