Web Design

Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here.

Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and email templates that stand out from the crowd and get people to take action. For all the web design tips and advice you need, our expert instructors have you covered!

Read moreRead less
All content
Courses
Tutorials

Web Design Courses

  • Web Design for Beginners (Epic Free Course!)

    Web Design for Beginners (Epic Free Course!)

    Adi Purdila
  • HTML & CSS for Beginners (MEGA Free Course!)

    HTML & CSS for Beginners (MEGA Free Course!)

    Adi Purdila
    • Promo Banner

    Put your new skills to work. Create with unlimited downloads of UX/UI kits, photos, fonts and more. Plus access our full AI stack.

    Start creating

    Featured Web Design Tutorials

  • How To Build a Simple Carousel With Vanilla JavaScript (14 Lines of Code!)

    How To Build a Simple Carousel With Vanilla JavaScript (14 Lines of Code!)

    Jemima Abu
  • CSS Grid vs. Flexbox: Which should you use and when?

    CSS Grid vs. Flexbox: Which should you use and when?

    Anna Monus

    • All Web Design Content:

    1. Build a “button-to-modal” animation with GSAP

      Build a “button-to-modal” animation with GSAP

      Tutorial • Intermediate

      In this new tutorial, we’ll be working with GSAP, learning how to create an easy-to-follow, attractive, button-to-modal animation.

    2. How to build horizontal marquee effects with GSAP

      How to build horizontal marquee effects with GSAP

      Tutorial • Intermediate

      Let me show you how to create infinite marquees with the GSAP JavaScript animation library. This is a common UX pattern I’m sure you’ve seen on plenty of sites.

    3. How to build a Connect Four game in HTML, CSS, and Vanilla JavaScript

      How to build a Connect Four game in HTML, CSS, and Vanilla JavaScript

      Tutorial • Intermediate

      Follow along and learn how to build a fully functioning Connect Four game in HTML, CSS and Vanilla JavaScript.

    4. 27 best WordPress magazine themes for blog and news websites in 2025

      27 best WordPress magazine themes for blog and news websites in 2025

      Tutorial • Beginner

      If you want to build a professional-looking blog or news website, this collection of the best WordPress magazine themes, updated for 2024, will help you...

    5. Build a website page configurator with CSS & JavaScript

      Build a website page configurator with CSS & JavaScript

      Tutorial • Intermediate

      In this new tutorial, you’ll learn how to build a flexible website page configurator to customize the page UI on the fly. 

    6. Make your own URL shortener in JavaScript

      Make your own URL shortener in JavaScript

      Tutorial • Beginner

      Have you ever wondered how those short URLs in social media bios are made? In today’s digital world, long URLs can look unappealing, especially in places...

    7. Create a slot machine game in vanilla JavaScript

      Create a slot machine game in vanilla JavaScript

      Tutorial • Beginner

      Let me show you how to create a slot machine game in JavaScript. Play along, spin the wheels, and win some “money” if you are lucky!

    8. Get ready for the European Accessibility Act in 2025: Check your code and design

      Get ready for the European Accessibility Act in 2025: Check your code and design

      Tutorial • Beginner

      As 2025 approaches, the European Accessibility Act (EAA) is set to change the way businesses and designers think about websites and digital content. Whether...

    9. How to create animated snow on a website (with CSS and JavaScript)

      How to create animated snow on a website (with CSS and JavaScript)

      Tutorial • Beginner

      In this tutorial, we’re going to implement an animated snow effect on a webpage using CSS and vanilla JavaScript, just in time for the holiday season.

    10. 6 reasons for website downtime (+ how to resolve it)

      6 reasons for website downtime (+ how to resolve it)

      Tutorial • Beginner

      Are you experiencing website downtime and want to know how you can fix it? If so, you’re in the right place!

    11. 15+ of the best WordPress plugins for your website (free and paid)

      15+ of the best WordPress plugins for your website (free and paid)

      Tutorial • Beginner

      One of the best things about WordPress is the universe of custom plugins that you can install for it. No matter what you want your website to do, you're sure...

    12. Create a breakout game with HTML, CSS, and vanilla JavaScript

      Create a breakout game with HTML, CSS, and vanilla JavaScript

      Tutorial • Intermediate

      Let’s create a Breakout game using Vanilla JavaScript. In a Breakout game, the player uses a paddle to bounce a ball and hit bricks, removing the bricks one...

    Popular Categories

    CSS
    HTML/CSS
    UI Design
    Sketch
    Unlimited Downloads
    From $16.50/month
    Get access to over one million creative assets on Envato.
    Over 9 Million Digital Assets
    Everything you need for your next creative project.
    Create Beautiful Logos, Designs
    & Mockups in Seconds
    Design like a professional without Photoshop.
    Join the Community
    Share ideas. Host meetups. Lead discussions. Collaborate.