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. AI in Web Design: 6 Templates Leveraging Machine Learning for Smarter UX

      AI in Web Design: 6 Templates Leveraging Machine Learning for Smarter UX

      Tutorial • Beginner

      We've rounded up 6 web design templates that use machine learning to provide smarter and more personalized user experiences. Let's take a look!

    2. Sketch course for beginners

      Sketch course for beginners

      Course • Beginner

      Our free Sketch course for beginners course offers up everything you need to know to get started designing with the software. From learning the tools to...

    3. 17+ Best New HTML Templates for Your Blog

      17+ Best New HTML Templates for Your Blog

      Tutorial • Beginner

      Looking for blog website templates to start your next project? In this roundup I’ll show you some of the best new HTML templates for your blog, available...

    4. HTML Element: cite

      HTML Element: cite

      Tutorial • Beginner

      The cite element represents a reference to a creative work, such as a book, a song, a movie, a piece of art, or a web page.

    5. HTML Element: data

      HTML Element: data

      Tutorial • Beginner

      The HTML data element represents machine-readable data. This element provides metadata for computers, such as data for search engines or other processing...

    6. How Web Designers Can Make Themselves Competitive in the Age of AI

      How Web Designers Can Make Themselves Competitive in the Age of AI

      Tutorial • Beginner

      Does AI pose a threat to web designers? If not now, will it in the near future? This post will look at the best and worst case scenarios as well as what we...

    7. 20+ Best Moodle Themes for Your LMS Website

      20+ Best Moodle Themes for Your LMS Website

      Tutorial • Beginner

      Using a Moodle theme makes it so much easier to create a fantastic LMS website for offering educational content, online classes, and more.

    8. 20+ Elementor Product Page Templates for WordPress (Shopping & eCommerce)

      20+ Elementor Product Page Templates for WordPress (Shopping & eCommerce)

      Tutorial • Beginner

      Here’s our pick of the best 20 premium Elementor product page templates for WordPress—perfect for your eCommerce website.

    9. 13 Best AI Plugins for WordPress and WooCommerce for 2025

      13 Best AI Plugins for WordPress and WooCommerce for 2025

      Tutorial • Beginner

      In 2024, make it your goal to integrate artificial intelligence into your website using AI plugins for WooCommerce and WordPress from CodeCanyon and watch...

    10. Phases of the JavaScript Event Lifecycle

      Phases of the JavaScript Event Lifecycle

      Tutorial • Intermediate

      Learn more about the three different phases of JavaScript events. This post covers the capturing, target, and bubbling phases.

    11. What is the Microinteractions Web Design Trend?

      What is the Microinteractions Web Design Trend?

      Tutorial • Beginner

      Read on to find out what microinteractions actually are, why they matter, best practices, as well as 15+ stand-out WordPress templates with UX interaction...

    12. Comparing AI-Based Prototyping Tools: Which One Is Right for Your Web Design Project?

      Comparing AI-Based Prototyping Tools: Which One Is Right for Your Web Design Project?

      Tutorial • Beginner

      Prototyping tools that integrate AI tech for web design projects are emerging left and right. Let’s explore how they stack up when compared.

    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.