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. Building an Admin Dashboard Layout With CSS (and a Touch of JavaScript)

      Building an Admin Dashboard Layout With CSS (and a Touch of JavaScript)

      Tutorial • Intermediate

      In this tutorial, we’ll create a responsive dashboard layout. To build it, we’ll borrow some ideas from the WordPress dashboard.

    2. How to Animate a “Full-Screen Section to Fixed Header” on Page Scroll

      How to Animate a “Full-Screen Section to Fixed Header” on Page Scroll

      Tutorial • Beginner

      In this new tutorial, we'll start with a full-screen section with a heading and learn how to animate it to a fixed page header on scroll. This type of effect...

    3. 15+ Essential UI Kits for Health & Fitness Web Applications

      15+ Essential UI Kits for Health & Fitness Web Applications

      Tutorial • Beginner

      Building a health or fitness app? Check out this collection of fitness and health UI kits we’ve rounded up, all of which can help create a professional look...

    4. CSS Property: margin

      CSS Property: margin

      Tutorial • Beginner

      In the CSS world, margin creates space around elements, outside of any defined borders. margin nudges your elements, giving them some breathing room from...

    5. How I Design for IMPACT With Figma

      How I Design for IMPACT With Figma

      Course • Beginner

      This Figma course is all about designing websites for IMPACT. If you use Adobe XD and want to move to Figma, then this course will help! Join me (aka Dansky)...

    6. How To Use The WordPress get_posts() Function

      How To Use The WordPress get_posts() Function

      Tutorial • Beginner

      This article will guide you through how to use the powerful yet underused get_posts() function

    7. Dark Patterns vs. Nudging in UX Design

      Dark Patterns vs. Nudging in UX Design

      Tutorial • Beginner

      In this article, we dive into the world of dark patterns and nudging in UX design, examining their impact on user behaviour and the ethical questions they...

    8. Webflow to WordPress Migration: A Step-by-Step Guide

      Webflow to WordPress Migration: A Step-by-Step Guide

      Tutorial • Beginner

      In this step-by-step guide, we'll walk you through the process of migrating your Webflow website to WordPress with ease.

    9. How to Use the Figma to Webflow Plugin

      How to Use the Figma to Webflow Plugin

      Course • Beginner

      In this video, you’ll learn how to turn a Figma design into a fully functional website, using the new Figma to Webflow plugin.

    10. I Built This Website With AI

      I Built This Website With AI

      Course • Beginner

      Want to see how you can build an entire website from scratch using AI tools? Join Adi Purdila for a practical demonstration of how to use artificial...

    11. 12+ Figma UI Kits for Building Music Streaming Services

      12+ Figma UI Kits for Building Music Streaming Services

      Tutorial • Beginner

      Let’s explore some of the best Figma UI kits for designing music streaming services and learn about essential features your app needs for an exceptional user...

    12. 7 Exciting AI ChatGPT API Innovations for Streamlining Your Web Design Workflow

      7 Exciting AI ChatGPT API Innovations for Streamlining Your Web Design Workflow

      Tutorial • Beginner

      Discover how to streamline your web design workflow with AI via the OpenAI API. From speech-to-text apps to code conversion, there’s a little of everything...

    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.