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. 4 Ways You Can Test Your Design System in Figma

      4 Ways You Can Test Your Design System in Figma

      Tutorial • Beginner

      Consistency is key for a successful UX design system. Learn about different ways to test your design system in Figma.

    2. Exploring the Kinetic Web Typography Trend in 2024

      Exploring the Kinetic Web Typography Trend in 2024

      Tutorial • Beginner

      Kinetic typography is experiencing a resurgence in 2024. But how are these designs created? And is it a trend worth exploring? We uncover the details here.

    3. 20+ Best Figma Wireframe UI Kits and Templates

      20+ Best Figma Wireframe UI Kits and Templates

      Tutorial • Beginner

      Who says you need to design a new website or app all on your own? A great Figma wireframe UI kit and template can be a huge help! Here, you'll find premium...

    4. Create a Progress Stepper Component (Perfect for Forms)

      Create a Progress Stepper Component (Perfect for Forms)

      Tutorial • Beginner

      A progress stepper component is a tool added in forms to streamline user interaction by breaking tasks into manageable steps. It offers straightforward...

    5. How to Handle Negative Feedback from Design Clients

      How to Handle Negative Feedback from Design Clients

      Tutorial • Beginner

      What do you do when a client unexpectedly dislikes what you've designed for them? This post will give you some tips on how to stay cool, calm, and confident...

    6. How to Set up a WordPress Block Theme

      How to Set up a WordPress Block Theme

      Tutorial • Beginner

      Do you want to set up a WordPress block theme but you’re not sure how to get started? Let me explain how to install, activate, and begin customizing a...

    7. Figma Quick Start Guide

      Figma Quick Start Guide

      Course • Beginner

      If you’ve still never used Figma, don’t worry! Now is the time. This Figma tutorial will explain everything you need to get started in just 47 minutes. It...

    8. Notion for Web Designers

      Notion for Web Designers

      Tutorial • Beginner

      Notion is a productivity tool that makes it simple to keep track of all project management tasks in one place. Let’s look at how web designers can make use...

    9. A Guide to Monthly Retainer Agreements for Web Designers

      A Guide to Monthly Retainer Agreements for Web Designers

      Tutorial • Beginner

      In this post, we’re going to explore how monthly retainer agreements work for web designers, the benefits, the challenges, as well as tips for helping you...

    10. What Are WordPress Block Themes?

      What Are WordPress Block Themes?

      Tutorial • Beginner

      Automattic (the makers of WordPress) have completely rethought how themes work for the future, giving us the Gutenberg editor, Block Themes, and “Full Site...

    11. 15+ Best Figma Templates for Web Designers

      15+ Best Figma Templates for Web Designers

      Tutorial • Beginner

      Read on for my pick of 15+ of the best Figma templates for web designers. There are Figma templates for every need, from designs for activists and bankers to...

    12. 18+ Best Shopify Themes for Selling Coffee and Tea

      18+ Best Shopify Themes for Selling Coffee and Tea

      Tutorial • Beginner

      With business booming, it’s a great time to be investing in the tea and coffee industry. So, without further ado, pick which of these Shopify templates are...

    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.