What the Webflow community built with AI code components

Submissions from our AI code components challenge — and what they say about what's now possible for any Webflow builder.

What the Webflow community built with AI code components

Mary Findley
Senior Community Marketing Manager
View author profile
Mary Findley
Senior Community Marketing Manager
View author profile
Josh Berman
Senior Product Marketing Manager
View author profile
Table of contents

For most small marketing teams and agencies, there's always been a gap between the interactive experience you can picture and the developer time it takes to build it.

Animated timelines, real-time calculators, 3D carousels — the vision is easy. The bandwidth and build usually aren't.

AI code components was built to close that gap. Describe what you want in plain language, and Webflow's AI Assistant generates a reusable, on-brand component directly on the canvas. Refine it in conversation or in code, then drop it into your site. No dev ticket required.

To see what that meant in practice, we challenged the community to build something with it. What came back were 56 incredible submissions that ranged from well-orchestrated multi-step functionality to visual elegance — and all of it pushed the idea of what teams of any size can ship on their own.

Here are some of the top submissions that stood out the most.

What the community built

Siraj Ali — Wandar AI trip planner

Siraj built a fully functional AI-powered travel itinerary planner with multi-step form logic, real-time customized recommendations, and a polished end-to-end user experience. It's the kind of experience that would typically require significant backend work and a dedicated developer — built inside Webflow using AI code components. Wandar AI is the clearest proof of what this feature can do in capable hands, and what's now on the table for teams building client-facing tools and interactive products. View Siraj’s submission →

Erkens Gjini — Spinning globe with location selection

Erkens built an interactive globe that rotates to different locations when a user selects them, complete with Apple-style hover effects on the city buttons. A spinning, interactive globe is one of the most commonly requested components in agency work — and historically one of the harder ones to execute well. The fact that it came together through experimentation in a single evening says a lot about what the feature unlocks for designers and agencies working without a dedicated developer. View Erkens’s submission →

James Woods — 5-card scrolling section with micro-interactions

James came in with a design already done — and ended up replacing his own work with what AI code components produced. The generated component added a scrolling timeline, a percentage counter, and staggered animations that his original version didn't have. He later expanded it from four cards to five without issue. It's a quiet, but meaningful demo of something the feature does well: not just matching your brief, but occasionally exceeding it. View James’s submission →

Imron — Vertex displacement art gallery

Imron's submission is pure visual ambition — a generative art gallery driven by mathematical vertex displacement equations that produce shifting, undulating 3D surfaces. Translation: Imron used AI code components to build stunning art based on math. This is a pure demonstration of what happens when AI code components meets someone who wants to see how far the canvas can go. The result looks deserving of its own gallery showing. View Imron’s submission →

Matt Vidal — Guided multi-step project estimator

Matt built a guided multi-step form that estimates project costs in real time. The flow is clean and the output is functional, the kind of tool a small agency could drop straight into a client-facing site. It's a strong example of how AI code components enhances business utility. (Note: scroll down until you find the "Let's connect" button) View Matt’s submission →

Kiberu Yahya — 3D cylindrical carousel

Kiberu's carousel gives images a tactile, physical quality — an infinite cylindrical roll with drag support, momentum shake, and customizable speed and spacing. The prompt that generated it was straightforward: an interactive 3D cylindrical roll of image cards with infinite drag, with props for adding images, spacing, speed, and more. The fact that a single descriptive prompt produced something this kinetic is the point. It's responsive, it's smooth, and it's the kind of interaction that typically lives behind a GSAP paywall or a custom dev build. View Kiberu’s submission →

Lora Vasileva — SVG path horizontal timeline

Lora had always wanted to build a timeline that follows a custom SVG path. Two prompts — the second only adjusting spacing — and she had it: a horizontal timeline with scroll-triggered animations, five elements appearing left to right along a custom curve. It's a polished effect that would typically require GSAP expertise and significant iteration time. Here it came together cleanly, on-brand, and fast. View Lora’s submission →

Lydia Dietsch — Halftone studio

Lydia's submission might be the most immediately delightful of the group. Halftone Studio lets you upload any photo, transform it into animated dot patterns, customize the shapes and animation style, and export the result as an MP4, GIF, or other format. The first prompt was something like: build a tool with image upload where the image transforms into animated dot patterns with different shapes and animations, plus any additional options that make sense. What came out is a genuinely useful creative tool — the kind of thing a brand or social team could use on day one. View Lydia’s submission →

What this tells us about what's possible

The range across these eight submissions is the thing worth sitting with. An AI travel app and a two-prompt SVG timeline. A spinning globe and a halftone photo animator. A multi-step project estimator.

None of these required a dedicated developer. All of them required someone with a clear idea, a willingness to experiment, and access to AI code components. That's the shift — not that developers are less necessary, but that the surface for creative and functional building has expanded to include anyone who can articulate what they want.

If you haven't tried it yet, this is a good time to start. Describe something you've been putting off because you didn't have the bandwidth to build it. See what comes back.

Explore AI code components yourself at webflow.com/feature/code-components. And be sure to join the Webflow Community for more learning, fun, and prizes.


Last Updated
May 21, 2026

Related articles

Building the next era of the Webflow Community
Building the next era of the Webflow Community

Building the next era of the Webflow Community

Building the next era of the Webflow Community

Inside Webflow
By
Veronica Hsiao
,
,
Read article
Behind the build: Inside the minds of our Webflow x GSAP Community Challenge winners
Behind the build: Inside the minds of our Webflow x GSAP Community Challenge winners

Behind the build: Inside the minds of our Webflow x GSAP Community Challenge winners

Behind the build: Inside the minds of our Webflow x GSAP Community Challenge winners

Inside Webflow
By
Cassie Evans
,
Veronica Hsiao
,
Read article

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logosoundcloud logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logosoundcloud logoreddit logothe new york times logoideo logoupwork logodiscord logo

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.