The 5 Web Design Trends for 2026

2026 web design trends at a glance

1. Motion becomes the norm

In 2025, we wrote that animations and micro-interactions were becoming essential, and that Webflow's acquisition of GSAP would speed things up. That's what happened, faster than expected.

• On April 30, 2025, Webflow made GSAP 100% free, including the formerly paid plugins, for everyone, Webflow customer or not.
• On July 10, 2025, Webflow released a new version of Interactions, rebuilt on GSAP, with a horizontal timeline and text splitting by letter or word, no code required.
• In June 2026, Figma introduced Figma Motion at Config: a keyframe timeline right inside the design file, with exports to CSS, React, JSON or animated SVG.
• In September 2026, at Webflow Conf, the Webflow MCP learned to build GSAP interactions from a plain request to an AI agent.

Animation is no longer reserved for sites with a creative developer on the team. The designer sketches it in Figma, the builder assembles it visually in Webflow, and the engine is the same one behind award-winning sites.

13g.fr (2025 screenshot)

The catch hasn't changed since 2025: an animation that slows the page down or gets in the way of reading costs more than it brings. Animate what guides the eye: a section entering, a button state, a step change. The rest can stay still. And respect the visitor's "reduce motion" setting.

Examples: 13G, Made with GSAP, and the official GSAP showcase.

2. Immersive 3D, in service of a story

3D and scrollytelling (telling a story as the user scrolls) were already on our 2025 list. The end-of-year awards show they are holding their ground.

Awwwards' Site of the Year 2025 is the website of F1 driver Lando Norris, designed by the agency OFF+BRAND. Its Awwwards page lists the stack: Webflow, GSAP, WebGL and 3D. The Developer Site of the Year went to Messenger by abeto studio, a tiny 3D planet built with WebGL and Three.js.

The first example matters for marketing teams: the most awarded site of the year runs on Webflow. An immersive website no longer means leaving a tool your team can update on its own.

thetinypod.com (2025 screenshot)

Where it works: presenting a product, launching a brand, telling a story that text would tell badly. Where it hurts: loading time on mobile, and SEO when the content only lives inside the 3D scene. Keep the useful text in the page, readable by Google and by AI engines.

Examples: Lando Norris, The Tiny Pod, Monolith Studio.

3. Light, materials and shaders: 2025's glow evolves

In 2025, we talked about glow design: light halos and gradients on dark backgrounds, popularized by sites like Huly. The effect hasn't gone away, but it is changing tools and materials.

huly.io (2025 screenshot)

At Config 2026, Figma added shader fills and effects: visual effects that Figma's agent builds from a description or a reference image, with adjustable controls, stackable with other effects and convertible to code. Interactive shaders are announced as "coming soon". Until now, this kind of effect required a WebGL developer. It is now part of the designer's toolkit.

Another signal, on the interface side: on June 9, 2025, Apple introduced Liquid Glass, a translucent material that reflects and refracts what sits behind it, across all its platforms. Liquid Glass is about Apple's apps and operating systems; the web isn't its target. Our bet: as with every Apple style shift, part of the tech and SaaS web will pick up transparency and frosted glass.

Our advice: one light or material effect per page, on the element you want people to look at. More than that tires the eye and weighs the page down.

Examples: Huly, AuthKit, Frame.io.

4. Design and code converge, with AI agents

This is the real novelty of 2026, and it affects how a site is built more than how it looks.

In 2025, AI in web design mostly meant generated visuals: backgrounds and hero videos, often pretty but rarely tied to what the site was saying. In 2026, AI moves into the production tools:

• Figma Code Layers, announced at Config 2026, turns a design layer into an interactive, code-backed component right in the file. It is rolling out from July 2026, via a waitlist.
• Source by Webflow, unveiled at Webflow Conf in September 2026, is a new platform where marketing, design, development and AI agents work on the same code, each in a view tailored to their job. It is in a limited research preview, opening gradually to selected agencies and customers.
• The same day, Webflow announced Campaigns, which generates a landing page and its variants from a brief, and Assets, for adapting on-brand visuals.

What this changes for you: prototypes and live sites look more and more alike, and a marketing team can ship more pages, faster. The risk shifts too. When producing a page costs almost nothing, what sets a site apart is its art direction and the consistency of its design system. An AI drawing from a fuzzy design system produces fuzzy pages.

We covered these announcements in our Webflow Conf 2026 article and in Webflow launches Source.

5. Clear B2B websites that convert and that everyone can use

The "UX-first" trend of 2025 still holds: for a B2B or SaaS website, a clean design, copy that says what the product does, and visuals that each have a reason to be there. The site has to sell before it has to look good.

humblytics.com (2025 screenshot)

Two things come on top of that in 2026.

The first is accessibility. Since June 28, 2025, the European Accessibility Act requires certain products and services sold in the European Union to be accessible to people with disabilities, including their websites and apps: e-commerce, banking, passenger transport, electronic communications, e-books. Not every website is covered, but the topic is making its way into briefs, and it starts at the design stage: contrast, text size, keyboard focus, animations that can be turned off. Our web accessibility best practices give you a starting checklist.

The second is trust, especially in finance: real faces, numbers shown plainly, proof placed along the journey instead of hidden in the footer. We went into detail in our 2026 design trends for finance websites.

Examples: Humblytics, AlignUI, Intercom.

The most awarded websites of 2025

For inspiration, the Awwwards annual awards are a good reference. Here are the 2025 winners:

What's fading in 2026

This section is Digidop's view, updated from the 2025 version of this article. No measurement backs it.

• Bento layouts (the block grid popularized by Apple) have been everywhere for two years. They still work for showing several features at once, but a page built entirely in bento looks like every other one.
• Animating every block is giving way to fewer, better-placed animations. It's the flip side of trend #1.
• Large background gradients are making room for more localized effects: a halo, a texture, a shader on a single element.
• Brutalism remains a niche look, for artistic brands or very bold identities.
• Decorative AI visuals unrelated to the site's message (the generated clouds of 2025) are aging badly.

Our take

A trend is not a reason to redesign your website. Ask instead which one serves what your site needs to do. A product launch site gains from telling a story in 3D. A B2B site that needs to generate leads gains first from readability and speed, with a few well-placed animations.

At Digidop, we design and build in Webflow, and we animate with Webflow Interactions, GSAP or custom code depending on the project. Two of our projects received an Awwwards Honorable Mention: Artisans de Genève in December 2025 and ELEF in June 2025. Our takeaway: juries look at attention to detail and overall consistency far more than at the number of effects.

If you're planning a redesign and want to know which trends make sense for your brand, take a look at our web design services.

FAQ

Sources

• Webflow: GSAP becomes 100% free (April 30, 2025) · Webflow Interactions with GSAP (July 10, 2025)
• Webflow: the biggest announcements from Webflow Conf 2026 · Introducing Source by Webflow (September 2, 2026)
• Figma: Config 2026 recap (June 24, 2026)
• Awwwards: 2025 Annual Awards winners · Lando Norris page · Messenger page
• Apple: Liquid Glass (June 9, 2025)
• European Commission: European Accessibility Act · entry into application