- 51
- 402 234
Nicolai Palmkvist
Denmark
Registrace 17. 06. 2022
Join over 2,000 web creators and receive exclusive content every Tuesday, including: lifeonablock.com/web-creator-club/
This channel is all about showing you what's possible with the Elementor page builder and how to create beautiful web designs that can wow your visitors.
I aim to make inspiring 'How I Built This' videos showcasing exciting Elementor projects, providing you with inspiration and practical solutions for your next web project.
I'm Nicolai, and I run a web agency in Denmark. With many years of experience in web design using Elementor, I aim to share my knowledge and help you create stunning websites.
What you'll get:
• Step-by-step tutorials with Elementor case studies
• Downloadable ready-to-use Elementor templates
• Learn new techniques and discover creative solutions to web design challenges.
• Get inspired by others' work and find new ideas for your own projects.
This channel is all about showing you what's possible with the Elementor page builder and how to create beautiful web designs that can wow your visitors.
I aim to make inspiring 'How I Built This' videos showcasing exciting Elementor projects, providing you with inspiration and practical solutions for your next web project.
I'm Nicolai, and I run a web agency in Denmark. With many years of experience in web design using Elementor, I aim to share my knowledge and help you create stunning websites.
What you'll get:
• Step-by-step tutorials with Elementor case studies
• Downloadable ready-to-use Elementor templates
• Learn new techniques and discover creative solutions to web design challenges.
• Get inspired by others' work and find new ideas for your own projects.
PLAY 360° VIDEO GALLERY ON SCROLL - GSAP Elementor Scrolltrigger (No plugin & Free)
Discover how to create a stunning scroll-trigger effect with GSAP and Elementor in this step-by-step tutorial! Watch as I show you how to make a full video gallery grid that spins 360 degrees using the powerful ScrollTrigger library.
✅ Code:
lifeonablock.com/video-gallery-on-scroll/
✅ Save time - get this as a Elementor Template:
lifeonablock.com/360-template
Have you ever seen something like this in Elementor page builder? I've worked hard to make this project as easy as possible for you to replicate and integrate into your own designs.
If you want to add this cool GSAP animation to your Elementor website? Then follow a long as I show you how I made this Video Gallery Scroll triggered effect with GSAP. I show you step by step how I made it, so you can recreate it yourself.
#elementortutorial #Elementorgsap #gsap
✅ Code:
lifeonablock.com/video-gallery-on-scroll/
✅ Save time - get this as a Elementor Template:
lifeonablock.com/360-template
Have you ever seen something like this in Elementor page builder? I've worked hard to make this project as easy as possible for you to replicate and integrate into your own designs.
If you want to add this cool GSAP animation to your Elementor website? Then follow a long as I show you how I made this Video Gallery Scroll triggered effect with GSAP. I show you step by step how I made it, so you can recreate it yourself.
#elementortutorial #Elementorgsap #gsap
zhlédnutí: 2 661
Video
IMAGE EXPAND ON SCROLL - GSAP Elementor Scrolltrigger
zhlédnutí 7KPřed 14 dny
✅ Save time get this as an Elementor template: michellewp.gumroad.com/l/mpceq ✅ Do you want to make this yourself? Then use this code: lifeonablock.com/code-expand-image/ Learn how to create an image reveal on scroll effect using GSAP and Elementor Scrolltrigger. This scrolltrigger GSAP animation is so quiet and smooth that it sets the tone for the entire website. And when you scroll back up, i...
![SPIN CAROUSEL ON SCROLL - GSAP ScrollTrigger Elementor [No plugin]](http://i.ytimg.com/vi/nRB49gj6sVA/mqdefault.jpg)
SPIN CAROUSEL ON SCROLL - GSAP ScrollTrigger Elementor [No plugin]
zhlédnutí 13KPřed měsícem
✅ Save time - Get template: michellewp.gumroad.com/l/icsejj ✅ Create impressive websites with Elementor pro: lifeonablock.com/elementor In this GSAP Elementor Scrolltrigger tutorial you'll learn how to creating a image carousel in Elementor using Gsap library ! I'll guide you through the process of combining Elementor gsap functionalities with ScrollTrigger to create an interactive and engaging...
REVEAL CONTENT ON SCROLL - GSAP Elementor Scrolltrigger
zhlédnutí 16KPřed měsícem
✅ Skip the design headache - import this project in Elementor: michellewp.gumroad.com/l/vdxlqq In this video you’ll learn how to reveal content on scroll with GSAP Elementor scrolltrigger. I'll guide you step-by-step on how to use Greensock library to create an engaging scroll-trigger effect using GSAP and Elementor, perfect for bringing your web design to life. ✅ Code link: lifeonablock.com/gs...
PLAY VIDEO ON SCROLL - GSAP Scrolltrigger Elementor (No plugin)
zhlédnutí 180KPřed měsícem
In this GSAP scrolltrigger Elementor tutorial, you’ll learn how to play a video on scroll Elementor. Adding a scrolling video sequence in Elementor can make your Wordpress website unique and interesting so users stay engaged and keep coming back. This is just like a image sequence effect which is also called Elementor locomotive scroll, that every web designer should know about. ✅ Skip the desi...
Elementor Parallax Scrolling Effect Tutorial | Elementor Background Design
zhlédnutí 4,3KPřed měsícem
In this Elementor parallax scrolling effect tutorial you’ll learn how to add a simple parallax scrolling effect with Elementor page builder without using custom code or a plugin. ✅ Download the images i used or get the template: lifeonablock.com/get-images-yt/ ✅ Skip design headaches: lifeonablock.com/elementor As a web designer, I love using the parallax effect on my clients' websites. And I s...
This Cool Elementor Effect Will Make Your Website 3D
zhlédnutí 6KPřed měsícem
In this motion effects Elementor pro tutorial you’ll learn how I built this 3D effect using Elementor motion effects and text behind the picture in Elementor. ✅ Download the images i used or get the template: lifeonablock.com/get-images-yt/ ✅ Get Elementor Pro: be.elementor.com/visit/?bta=216842&nci=5383 You’ll also learn how to use Elementor to place something behind an object, by using layers...
Elementor Nested Tabs: How Did I Design This?
zhlédnutí 3,7KPřed 2 měsíci
Learn how I used Elementor nested tabs in to designed this stunning hero section. I did not use any code or plugin to do this. Get materials used in video or download free template: lifeonablock.com/elementor-nested-tabs-case-study/ In this video I’ll show you step-by-step how to use elementor tabs and how to activate nested tabs. I’ll provide you with all the Nested Tabs materials you need, so...
IMAGE MOVE ON SCROLL- Horizontal Elementor (FREE)
zhlédnutí 4KPřed 2 měsíci
In this free image scroll horizontal Elementor tutorial, I’ll teach you how I built this stunning horizontal scroll effect using Elementor Free, without needing any plugins or custom code. Follow along to learn how to easily implement this feature on your website using Elementor. ✅ Import this project in Elementor: lifeonablock.com/scroll-horizontal-template/ ✅ Save time designing get Elementor...
VERTICAL IMAGE CAROUSEL - GSAP Elementor
zhlédnutí 5KPřed 2 měsíci
In this vertical image carousel elementor pro tutorial I’ll guide you through how I built this stunning vertical loop carousel from scratch, so you can do it yourself for your next web design project. ✅ Link to the code used in the video: lifeonablock.com/strema-css ✅ Get Elementor Pro: be.elementor.com/visit/?bta=216842&nci=5383 I must be honest and say, this is one of the coolest videos I've ...
Stop Using The Same Hero Section: 15 Designs to Steal
zhlédnutí 2,8KPřed 3 měsíci
Looking for a Hero section design idea? Check out these 15 unique hero section designs to copy right now and make your website stand out! Hero sections used in this video: lifeonablock.com/link-for-hero-sections/ If you want to leave a lasting impression on your website visitors, focus on your hero section design. This key part of your website is the first thing visitors see, so it needs to gra...
How I Built This Hero Section in Elementor (Including Template)
zhlédnutí 3,5KPřed 3 měsíci
Follow along as I create this Hero section in elementor within minutes. If you're struggling to design a hero section in Elementor then this video is for you. Get resources and template here: lifeonablock.com/hero-section ✅ Get elementor Pro: lifeonablock.com/elementor Designing a stunning hero section with Elementor is easier than you might think. In this video tutorial, I'll walk you through ...
How To Add Button Inside Dropdown List Elementor (Button dropdown)
zhlédnutí 2,3KPřed 3 měsíci
In this tutorial I'll show you how to add button inside dropdown list in Elementor. Link to the dropdown widget: lifeonablock.com/dropdown/ In this short video, I will show you step-by-step how to create a dropdown list in Elementor. This is a handy feature to have on your button if you want to link to several different things. And by the way, I also have another video about how to create a dro...
How To Create Form Dropdown Field Using Elementor
zhlédnutí 1,2KPřed 3 měsíci
Learn how to create form dropdown field using Elementor. With this built-in feature you can create a multiple select dropdown in Elementor. I this video I have created two examples: the first one here is made with Elementor Pro, and the other one is made with Elementor Free. Link to the dropdown form widget: lifeonablock.com/dropdown-form/ Follow along step-by-step to add this dropdown form to ...
Elementor Button Scroll To Section Tutorial (30 seconds)
zhlédnutí 2,8KPřed 3 měsíci
In this tutorial I’ll show you how to create an Elementor button scroll to section in less than a minute. One of my colleagues asked about how to make an elementor button scroll down to a specific section of a page, you can add an anchor link to the section you want to scroll to and then link. With this feature your visitors can just click a button and to scroll down to a particular section in ...
How I Built This Portfolio Website in Elementor Pro (Case study)
zhlédnutí 4,9KPřed 3 měsíci
How I Built This Portfolio Website in Elementor Pro (Case study)
3 Color Gradient Elementor (Free) Elementor Gradient Background 3 colors
zhlédnutí 694Před 4 měsíci
3 Color Gradient Elementor (Free) Elementor Gradient Background 3 colors
How To Make Round Button In Elementor | Circle Button for free
zhlédnutí 1,6KPřed 4 měsíci
How To Make Round Button In Elementor | Circle Button for free
Style post comments with Elementor (Free & No plugin) How to Customize comments skin in Elementor
zhlédnutí 3,1KPřed 4 měsíci
Style post comments with Elementor (Free & No plugin) How to Customize comments skin in Elementor
Countdown Timer For Elementor Free I How to Add Countdown timer Tutorial Elementor Free (No plugin)
zhlédnutí 1,1KPřed 4 měsíci
Countdown Timer For Elementor Free I How to Add Countdown timer Tutorial Elementor Free (No plugin)
How To Add Gradient Color Text With Free Elementor (Easiest Method)
zhlédnutí 568Před 4 měsíci
How To Add Gradient Color Text With Free Elementor (Easiest Method)
Web Designer Creates Parallax Effect Elementor (Free) Scroll Parallax Effect in Elementor Free
zhlédnutí 18KPřed 4 měsíci
Web Designer Creates Parallax Effect Elementor (Free) Scroll Parallax Effect in Elementor Free
How To Add Elementor Mouse Moving Effect For FREE - Add Mouse Motion Effects with 3D Tilt
zhlédnutí 1,1KPřed 4 měsíci
How To Add Elementor Mouse Moving Effect For FREE - Add Mouse Motion Effects with 3D Tilt
How to install Chatling | Step-by-step | No-code
zhlédnutí 561Před 5 měsíci
How to install Chatling | Step-by-step | No-code
How To Make Donation and Charity Website Tutorial (Free & Fast)
zhlédnutí 327Před 5 měsíci
How To Make Donation and Charity Website Tutorial (Free & Fast)
How To Make A Bento Grid layout In Elementor (Download Template)
zhlédnutí 3,6KPřed 5 měsíci
How To Make A Bento Grid layout In Elementor (Download Template)
Spot the Difference: Pro Vs Noob Web Design
zhlédnutí 1,1KPřed 6 měsíci
Spot the Difference: Pro Vs Noob Web Design
7 Killer Hero Section Designs Made With Elementor
zhlédnutí 1,1KPřed 6 měsíci
7 Killer Hero Section Designs Made With Elementor
TOP 5 Inspiring Websites (And What They Did Right)
zhlédnutí 679Před 6 měsíci
TOP 5 Inspiring Websites (And What They Did Right)
12 Deadly Web Design Rules You're Breaking
zhlédnutí 1,4KPřed 7 měsíci
12 Deadly Web Design Rules You're Breaking
Great video! Would love to see you doing this magic on webflow as well❤
This is amazing on desktop mode but not working on tablet and mobile
Really amazing ❤
i try few time not working, how can insert classes?
Do you have the free elementor version?
how can i change back ground with images when i scroll ?
Smith Patricia Rodriguez Robert Clark Carol
WOW!!! THIS WAS AMAZING!! Thank you so much!
Thats Sick mate WTF
Loved this! the way you explained is much appreciated.
Wilson Lisa Moore Michelle Lewis Thomas
Very good video and very well explained. I was implementing this effect on my website but for the mobile and tablet version it cuts off after the fourth image. Why could this be?
That is sick. Does it work on mobile view?
how awesome, thank you!
Can you make it mobile responsive?
I love it.. and just bought it.. can I also het the fond somewhere?
Thanks! The font should automatically be included when you import. If not, it's 'Contrail One,' which you can easily find in Elementor
@@nicopalmkvist oeps I deactivated google fonds
Hello, that trick seems very cool but I can't figure how to make it work... I did setup everything carefully but when I scroll down the video immediatly switch from the beggining to the end with no intermediate. Do you have any clew? I am use a theme provided by bluehost
Wouuuu sooo good!!! Love it! want to see more original videos from you!!!
Thank you, Andrea ! 💪
Can i do this effect but using a GIF with transparency?
Why header is enable for checkout page ,what we have do for it
U just got a subscriber 😁
Can we apply the same with plain css and js?
Yes, I’ve actually made a version 2.0 of this project using HTML, CSS, and JavaScript. It performs much better in terms of load time. You can find it here: nicolaipalmkvist.lemonsqueezy.com/buy/74dfd8b3-f3a8-476a-95c1-f1d751ea6463
Is this responsive?
Thanks, great and clean guideline video. really usefull
Hello Boss, this is a great job; however, there are a couple of issues with the code you provided, which are causing several problems on the website. For example, it allows editing of all the words on the site. I can show you a video if you would like to discuss it further.
Does it work on mobile?
Yes ✅
How to do for mobo devices?
What about mobile responsive ? any way nice content 🥰
hi nicolas how to contact you ya i already email to you but no respond 🥲 if can put your email or whatsapp number thank you
How can i get that video
Hi! I love the way you record your screen with that cute and perfectly sized corner frame. Could you please share what software you use for screen recording? I'd be super grateful if you could make a tutorial on how to edit videos like yours. Thank you so much!
It’s called screen studio! I actually have an extra license that I bought but never used. You’re welcome to have it. Just send me an email, and we’ll sort it out.
Man!! You the goat!
Haha, thanks! 🐐🐐🐐
Thank you very much, excellent video! I inserted Instagram videos and had to put 1:1 in the video aspect ratio.
Great. And it worked if 1:1?
@@nicopalmkvist Perfectly!
I'm unable to add the motion effect for the container, otherthan container the motion effect is showing but whenever i click container the option goes disappear, how can i turn that option on? or is it something with my elementor pro? Please help
thank you beautiful work
Thanks @kamilyuksel!
bro, you are the best, love u!
Thanks, dude!
stunning and woww
Another excellent video of yours, but if I want it adapted for mobile as well? What do I do in such a situation?