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. Top 5 WordPress Alternatives to Elementor

      Top 5 WordPress Alternatives to Elementor

      Tutorial • Beginner

      There are several WordPress page builders that offer comparable features to Elementor and deserve your attention too. Let’s look at 5 of the best!

    2. Create Step-by-Step SVG Sprites in WordPress

      Create Step-by-Step SVG Sprites in WordPress

      Tutorial • Beginner

      Today, I’ll cover two ways to work with SVG Sprites in a WordPress theme: including an SVG in the document and using an external SVG file.

    3. HTML Element: li

      HTML Element: li

      Tutorial • Beginner

      The li element in HTML stands for “list item” and is used to define individual items within ordered and unordered lists.

    4. HTML Element: ul

      HTML Element: ul

      Tutorial • Beginner

      The ul element in HTML stands for “unordered list” and is used to create lists of items where the order of items doesn’t matter.

    5. HTML Element: picture

      HTML Element: picture

      Tutorial • Beginner

      The HTML picture element is used for specifying a series of images on web pages, giving us detailed control for responsive design.

    6. How to Code an Animated Toast Notification with JavaScript

      How to Code an Animated Toast Notification with JavaScript

      Tutorial • Beginner

      One popular type of notification in UI design is the “toast” notification; a small pop-up message that appears on the screen to inform users about an event...

    7. Best Shopify Wedding Website Themes for Stores in 2025

      Best Shopify Wedding Website Themes for Stores in 2025

      Tutorial • Beginner

      Here, we’ll look at the best Shopify wedding store themes for bridal fashion, grooms’ fashion, bridal jewelry, bride and groom accessories, flower shops,...

    8. Top 20+ Responsive Shopify Themes for 2025

      Top 20+ Responsive Shopify Themes for 2025

      Tutorial • Beginner

      Looking for the best Shopify templates? Here we'll review the best responsive theme Shopify options for 2024.

    9. 15+ Shopify Electronics Store Themes for 2025

      15+ Shopify Electronics Store Themes for 2025

      Tutorial • Beginner

      Make the perfect online presence for a Shopify electronics store with the most successful Shopify store themes. Here, we have a selection of the best...

    10. AI Prompts for Web Designers (ChatGPT, Uizard, Midjourney, GitHub Copilot)

      AI Prompts for Web Designers (ChatGPT, Uizard, Midjourney, GitHub Copilot)

      Tutorial • Beginner

      Feeling left behind with all the new AI tools coming out? Let’s fix that by diving into the top AI tools and prompts for each phase of the web design process!

    11. Top 25+ Elementor Templates & Kits for WordPress (+ Free Templates)

      Top 25+ Elementor Templates & Kits for WordPress (+ Free Templates)

      Tutorial • Beginner

      Elementor templates offer a great way to quickly add beautiful pages to your website. Here is a collection of top premium and free Elementor templates.

    12. 4 Figma AI Updates to Elevate Your Design Workflow

      4 Figma AI Updates to Elevate Your Design Workflow

      Tutorial • Beginner

      Figma is incorporating the future by sharing some prototypes for platform updates that integrate AI. We'll go over each of them to explore their posibilites.

    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.