Videos.
Short videos about web design with code snippets for Webflow and Elementor.
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/66715c358221da02e3f747d1_cover-gradients.webp)
Web Design Secrets, Part 6: Gradient Headings
Start adding gradient headings to your Webflow or Elementor sites, just like Apple does, in 2 steps.
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/666730eed290ad6a50a831f0_cover-bento-boxes.webp)
Web Design Secrets, Part 5: Bento girds
Bento Boxes are a web design secret, as long you understand what they are not...
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/6650cf4bb92af02e24c1c419_interactive%20cursor.webp)
Web Design Secrets, Part 4: Mouse Follower
How to implement the Mouse Follower script by Cuberto in Webflow and Elementor
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/6650cf38f72847c59afb22e1_Secondary%20animation.webp)
Web Design Secrets, Part 3: Secondary Animation
What is a "secondary animation", and how to make use of it with Webflow interactions
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/664cba3dcc067aa970d130d2_Staggered%20Text%20Reveal%20Animation.webp)
Web Design Secrets, Part 2: Staggered Text Reveal Animation
In this short video we'll learn how to stagger our headlines.
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/664cf2de9015f5c792aa56b5_Smooth%20Scrolling.webp)
Web Design Secrets, Part 1: Smooth Scrolling
How do many AWWWARDS-style websites feel so smooth?
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/661d11939bd711c5278ca43c_paper-css.webp)
How to add "Paper" to your web design
For Animation Guy I wanted everything to look and feel like sheets of paper. So...
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/6603eedbdacf57ccfacea6b5_darkglass-h1.webp)
No more unbalanced headlines in your design
Never add manual line break tags to your headings!
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/664d171b5e05bf75e4f58113_fill%20text.webp)
Fill text on scroll with GSAP and ScrollTrigger
I love text scrolling effects. Let me show you how to create one on your website.
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/65f6b55471df7ace4cee5edb_countdown-widget.webp)
Design Better Countdown Timers
Learn how to harness an OpetType feature to your advantage
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/65f018a1b917b937e17e8ed8_heading%20layers%2003.webp)
Text Stroke Effect
Create this unique text stroke effect on scroll which I made on the Wix Studio design page
![](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/66525bd17f35ce93ee789dd6_variables-fonts.webp)
Stretched letter effect using variable fonts
Create a stretched letter effect with a few lines of CSS code in Webflow or Elementor. No custom JavaScript coding needed.