Show off what you’ve built, share resources or tips, and inspire others. Whether it’s a new site, tutorial, or tool — this is the space to celebrate creativity and innovation.
Hey everyone — sharing a free Webflow component I just built.
A circle stroke with an interactive lens blur effect driven by mouse proximity. Pass the cursor over the edge and the blur expands and the stroke deforms. Built with Three.js and GLSL Signed Distance Fields, ported from a Codrops tutorial by Guillaume Lanier (MIT license).
The interior image loads from a native Webflow Image element — swap it from the Designer without touching any code.
SEO gets your site ranked. AEO (Answer Engine Optimization) gets your site cited by ChatGPT, Perplexity, Google AI Overviews, and other AI-powered search tools.
If you build on Webflow, here's what you can do right now without touching a single line of code:
Structure and Content
- Write one clear answer per page. Lead with it, don't bury it
- Use FAQ sections on service and landing pages (Webflow CMS makes this easy)
- Add a concise summary or TL;DR near the top of long-form content
- Use plain, direct language. AI engines prefer clarity over cleverness
- Answer the exact question your page targets in the first 50 words
Technical
- Add FAQ schema via a custom code embed or a tool like Relume/Slater
- Use proper heading hierarchy (H1 > H2 > H3). AI uses this to parse structure
- Keep page load fast. Core Web Vitals still matter for crawlability
- Make sure your sitemap is submitted and pages are indexable
- Add structured data for articles, services, or local business where relevant
Authority Signals
- Include author name and bio on blog posts
- Link to credible external sources within your content
- Add a clear "About" page that explains who you are and what you do
- Use consistent brand/entity mentions across your site
AEO is early. Most Webflow sites aren't thinking about this yet, which means there's a real first-mover window right now.
What are you doing on your Webflow projects to stay visible in AI search? Would love to hear what's working.
🚀 Big Milestone for UiStudioz!
Our first Webflow Template is officially live! 🎉
Thank you to everyone who supported us on this journey. This is just the beginning, and we're excited for what's ahead.
Best Construction CRM Software for Contractors in 2026
Below is what to look for:
Lead and estimate tracking
Job scheduling and team coordination
Client communication history Running a construction business means managing leads, tracking estimates, coordinating teams, and keeping client communication clear. That’s where choosing the best construction CRM becomes important.
Many contractors still rely on spreadsheets or scattered tools. It works in the beginning, but as projects grow, things start slipping, like missed follow-ups, unclear job status, and delayed responses. A good construction CRM helps bring everything into one place so you can focus on execution instead of chasing information.
What Makes a Good Construction CRM?
Not every CRM is built for contractors. Construction businesses have very specific needs, and the right tool should support how you actually work on-site and off-site.
Mobile access for field teams
Invoicing and payment tracking
The goal is simple: less manual work, better visibility, and smoother project flow.
Top 3 Best Construction CRM Software in 2026
1. FieldServicePro
FieldServicePro stands out as one of the best construction CRM options for contractors who want a practical, all-in-one solution. It’s built with field operations in mind, not just sales pipelines.
What makes it useful is how it connects office work with on-site execution. You can manage leads, schedule jobs, assign technicians, and track progress without switching between tools.
Key strengths:
Job scheduling and dispatching
Real-time communication with field teams
Estimate and invoice management
Simple interface that doesn’t require heavy training
It works especially well for small to mid-sized contractors who need structure without complexity.
2. Jobber
Jobber is a well-known name in the field service space and works well for contractors managing multiple jobs and teams.
It focuses heavily on organizing day-to-day operations, such as quoting, scheduling, invoicing, and client updates. The interface is clean, and most teams can get started quickly.
Key strengths:
Easy quote and invoice creation
Client communication tracking
Scheduling and route optimization
Strong mobile app for field use
It’s a good fit for contractors who want a reliable system without a steep learning curve.
3. Buildertrend
Buildertrend is designed more for larger construction businesses handling complex projects. It goes beyond CRM and offers full project management capabilities.
If your projects involve multiple stakeholders, timelines, and detailed documentation, this tool provides deeper control.
Key strengths:
Project scheduling and budgeting
Document and file management
Client portal for updates and approvals
Integration with accounting tools
It’s better suited for teams that need advanced features and can invest time in setup.
How to Choose the Best Construction CRM
The “best” CRM depends on how your business operates.
If you want something simple and field-focused, then go with FieldServicePro
If you need ease of use for daily operations, then Jobber is a solid choice
If you handle complex, large-scale projects, then Buildertrend makes more sense
Don’t just look at features. Think about what slows your team down today and pick a tool that fixes that.
Final Thoughts
The best construction CRM improves how your entire business runs. From lead management to project completion, everything becomes more predictable and easier to manage.
For contractors in 2026, staying organized isn’t optional anymore. The businesses that grow are the ones that respond faster, track better, and operate with clarity, and that starts with the right CRM.
A workflow for building components in Webflow without doing the layout structure by hand. You go from a design prompt to a pasted, responsive component with Client-First naming conventions.
What you need: a design system, Claude Design, and the Flowboard browser extension.
The flow:
Bring your design system into Claude Design. Claude pulls in your colors, fonts etc.
Prompt for whatever component you need — I used a bento feature grid, but this is the same for cards, feature sections, pricing layouts, etc. Tell Claude in the prompt to follow Client-First naming and the Flowboard & Claude Design guide.
Claude won't always show the HTML immediately. You have to explicitly prompt it to "expose the HTML and CSS in the chat." If you skip this, Flowboard has nothing to import.
In Flowboard, click Import to bring in the HTML, then copy the CSS from Claude's design files, paste it into the CSS field at the bottom of the extension, and head over to Webflow, open the expension again and hit Convert to Webflow.
Paste into Webflow. The structure comes in with properly named classes, but there's some cleanup regardless of what you built: images and icons don't carry over (add them manually with Webflow's image elements), delete any empty spacer divs Claude generated, and adjust the structure to your system.
Full walkthrough, about 11 min, it uses a bento grid as the example, but the process is the same for any component: https://youtu.be/KuHrp5r-dNo
Hey eveybody
I have spent the last year building in the vibe-coding space.
I became obsessed with a problem I believe every AI app builder still struggles with, including the best ones. Instead of patching around it, I rebuilt the experience from first principles. It can be the new era of building .
Can anybody help get in contact with webflow's team?
Over the last few weeks I've been building a Webflow + Memberstack course template. I knew from the start I wanted to incorporate drip content and lesson progress tracking using Memberstack Data Tables, but I wasn't exactly sure how that would all work out.
After some back and forth with Claude, the code is finally working and there's now a fully functional multi-course template available in the Memberstack template library.
What's in it:
– Multi-course enrollment with three membership tiers
– Drip-locked lessons across modules
– Member dashboard with continue card and day streak
– Lesson progress tracked across every course
– Save courses and lessons
– One CDN script that powers every page
Recorded at our May 2026 London Community Meetup
In this video, we cover:
Pricing updates: the CMS plan is gone — it's now just Starter, Business & Enterprise (and the Reddit backlash that followed).
Webflow AEO: enterprise-only for now, measuring brand representation in AI chatbots with agentic, human-in-the-loop fixes. Embed & attribute props: "prop maxing" for more powerful, reusable components — across both CSS and JavaScript.
The shift, part 1 — Login with GitHub: Webflow leaning into teams hosting their code outside the platform.
The shift, part 2 — AI Code Components: arguably the best in-Designer AI integration yet, now generating React (not just HTML/CSS) inside Webflow.
Beyond Webflow: the Google AI I/O keynote and the new agent-focused dev tools MCP.
👉Join the London Webflow Network Group to find out about upcoming in-person and live streamed events.
If you're using Memberstack to add memberships to Webflow you can now send beautifully designed, custom emails without leaving Memberstack:
Newsletters
Product announcements
Re-engagement sequences
Marketing emails, and more!
No need to export member lists, sync with a third-party platform, or manage multiple tools.
3,000 businesses on Webflow use Memberstack, and now their email campaigns can live there too 🎉
https://docs.memberstack.com/hc/en-us/articles/50930347839387-Email-Campaigns-A-Complete-Guide
Hello my gorgeous friends of Webflow! 👋
I just published a new lesson in my free Mastering GSAP Interactions in Webflow series. 🚀
In this tutorial, we build a fully CMS-powered 3D cube gallery that rotates, moves, and synchronizes with scroll-driven image and text transitions.
The entire cube is generated directly from CMS content, while GSAP Interactions controls the animation timeline behind the scenes.
Along the way, we explore:
✨ Scroll-driven image transitions
✨ Split Text stagger animations
✨ CMS-powered 3D transforms
✨ Custom attribute targeting
✨ Responsive 3D movement
✨ Complex animation systems without custom JavaScript
One of my favorite aspects of this project is how Webflow CMS, GSAP Interactions, and a small amount of CSS can work together to create something that feels surprisingly advanced while still remaining scalable and maintainable.
If you're looking for ideas for creative CMS experiences or advanced scroll interactions, I hope you'll find something useful in this one. 😁
Have an awesome Webflow journey y'all,
Francesco
Hey everyone — sharing a free Webflow component I just built.
Fullscreen scroll-driven transition using SVG masks. As you scroll, each image reveals itself through horizontal blinds that open simultaneously from the center of each strip. No Webflow interactions — everything runs on GSAP ScrollTrigger and Lenis.
Includes clip-path text animations synced to scroll and a per-section progress bar.
Clone it here → webflow.com/made-in-webflow/website/hero-blinds
Happy to answer any questions about how it's built.
I had a talk with Himanshu Sahu from Flowtrix.
Did you know India has a 4x population of the USA, but there are only two Enterprise partners in the whole country? Flowtrix is one of them, and the only one with Premium status.
I asked Himanshu why that is. He had the answer ready.
We talked about a bunch of other topics too. Check it out!
https://www.youtube.com/watch?v=91uKdXjXLhs
Hey everyone — sharing a free carousel component I just built.
It combines three effects: dynamic gaps that expand and contract based on drag speed, image parallax on scroll, and click-to-expand cards with a zoom-out reveal. Zero dependencies — pure HTML, CSS and JS.
Drop the JS in your footer code and you're good to go.
Clone it here → webflow.com/made-in-webflow/website/elastic-carousel
Happy to answer any questions about how it's built.
🗓️ WEDNESDAY 27 MAY
Search is breaking. Tracking is lying. Tomorrow night we're talking about both.
→ Karleigh Dowell (Webflow) on AEO, Optimize, and prepping clients for an answer-first web
→ Ben Power (Pacing.Agency) on server-side tracking + a live demo of his AI-powered user journey tool
Drinks, talks, pub.
📺 LIVE STREAM
Can't make it in person? Then tune into our new live stream.
https://youtube.com/live/PV2pKJtErms
and make sure you hit the 🛎️ Notify Me bell!
Hope to see you all tomorrow!
Chris Skitch & Jimmy Elphick
👀 P.S. Got something you've been building, breaking, or figuring out? We'd love you on stage at a future meetup. No polish required - just bring the thing you wish someone had told you sooner.
➡️ Join out Community Network Group
Hello my gorgeous friends of Webflow! 👋
For a long time, I’ve been wondering what the simplest way to build a smooth growing circular border animation in Webflow could be.
Turns out… modern CSS + a tiny GSAP sprinkle can get the job done surprisingly well ✨
In this new tutorial from my free course on mastering GSAP interactions in Webflow, we’ll combine:
✔ CSS properties (not variables 🤔)
✔ Conic gradients
✔ Attribute-based setup
✔ GSAP set actions
…to create a lightweight growing circular border animation on hover.
Honestly, this was one of those interactions that felt way more intimidating in my head than it actually was once everything clicked together 😅
If you end up trying it in one of your projects, I’d genuinely love to see what you build with it!
Have an awesome Webflow journey y’all,
Francesco
Webflow-Collection-Wipe
Hi there,
As a follow-up to the Webflow de-reference tool I built,
I am also dropping this tool I just released - "Webflow-Collection-Wipe" - I think you people will find it useful.
This tool helps you delete all items in given webflow collections. Basically "wipes" given collections. It also has the option to WIPE ALL collections in a Webflow site.
Please test it out and share your feedback.
Repo link: https://github.com/harikshore/Webflow-Collection-Wipe
Hey all 👋 I built something I think this crowd will like.
For months I went looking for a simple way to add real-time messaging to a membership site and I mean DMs, group chats, voice notes, reactions, the stuff people already expect from WhatsApp. Everything I found was either enterprise-priced, a pain to set up, or had limited features.
So I built Midway.
It's drop-in messaging for Memberstack sites. One iframe, and your members can DM each other, start group rooms, send voice notes, react, reply, and see who's typing. It reads your existing Memberstack members, so people just chat as themselves.
And it won't wreck your budget!
We officially open signups on June 5. Until then I would genuinely love your questions, ideas, and honest feedback.
👉 Join the Slack for early access and updates: https://midwaychat.app
The models were improving quickly, but the operational layer around them still felt fragmented. Teams had one provider for compute, another for model access, separate deployment tooling, monitoring systems, and growing coordination logic trying to keep everything running in production. Infrastructure management often became harder than building the application itself.
We first tried solving this incrementally through more integrations and orchestration layers. In practice, every additional abstraction introduced more operational complexity once workloads started scaling across providers and environments.
That experience shaped how we approached CreateOS.
CreateOS is a unified execution environment for AI applications and agents. The platform handles compute provisioning, model orchestration, deployment, scaling, routing, monitoring, and monetization within the same operational surface.
One architectural decision became especially important: separating orchestration from execution. Keeping those responsibilities distinct made the system easier to reason about operationally while still allowing builders to access distributed infrastructure without managing distributed systems directly.
One deployment that reinforced this thinking integrated directly into an existing industrial workflow using existing CCTV infrastructure. The system processed operational footage continuously and surfaced real-time alerts without requiring hardware replacement or workflow redesign.
That project clarified something we kept seeing repeatedly while building: most teams do not need more infrastructure surfaces. They need fewer coordination problems between the idea and production.
Try it here: CreateOS.sh/app
Every time we migrate a site to Webflow, the same thing slows us down: building the 301 redirect map.
Old URL → new URL, line by line, in a spreadsheet, then formatted for Webflow's Hosting panel. On a 200-page site, that's a half-day of work nobody enjoys — and one typo away from tanking your client's SEO.
So we built a free tool to do it: Webflow 301 Redirect Generator
What it does:
Paste your old and new URLs (or upload a CSV)
Auto-generates clean old-path → new-path mappings in the exact format Webflow's redirects panel expects
Validates paths so you catch broken or duplicate entries before they go live
Export the final list as CSV
No signup. No email wall. No "upgrade for more rows."
A few things we've learned doing this on real migrations that might help:
Always pull your old URLs from Google Search Console (last 12 months), not just the sitemap. The sitemap misses the long tail that's actually ranking.
Redirect to the closest equivalent page, not the homepage. Bulk redirects to / will drop rankings within weeks.
Watch your trailing slashes. Webflow is strict about this and inconsistency creates redirect loops.
Keep the redirect list live for at least 6 months post-launch. Google needs time to re-crawl and consolidate signals.
Hope it saves someone a few hours this week. Happy to answer any questions on the tool or on migration SEO in general — we've done 150+ Webflow builds and rebuilds, so we've made most of the mistakes already.
— Team at theCSS Agency
Introducing FlowBuddy
UK regulations have placed greater emphasis on website accessibility. FlowBuddy was created in response to a request from Trading Standards, who advised a client that their website needed to be more accessible.
While there are accessibility solutions for various platforms, none were tailored for Webflow sites.
FlowBuddy Accessibility Widget is designed specifically for Webflow, targeting its unique semantics and classes.
WCAG Extra Features
✅ Wrap All Content: FlowBuddy Accessibility Widget moves all of your page content inside one wrapper. (WCAG 2.1)
✅ Focus Styling: Applies a visible outline and box-shadow to focused elements. (WCAG 2.1, 2.4.7)
✅ Keyboard Shortcuts: Toggles the visibility of different accordion panels (Keyboard, Reading, Visual, etc.) based on specific keyboard shortcuts. (WCAG 2.1, 2.11, 2.4.7)
✅ Add Meta Language: Detects domain and browser language, and adds the language meta tag. (WCAG 2.1, 3.1.1)
✅ Add Page Title: This function dynamically sets or updates the <meta title> tag using the URL's last segment as the title if no meta title exists. (WCAG 2.1, 2.4.2)
✅ First Section as Main: Converting the first <section> into <main>. (WCAG 2.1, 1.31, 3.2.4, 4.1.2)
✅ Skip Link: Adds a "Skip to Content" link for keyboard users, improving accessibility by allowing quick navigation to the main content. (WCAG 2.1, 2.4.1, 2.4.3)
✅ Converts WF Richtext into P tags: Converts text-only <div> elements and Webflow-rich text into semantic <p> tags, improving document structure and accessibility. (WCAG 2.1, 1.3.1)
✅ Set Default Font Size (WCAG 2.1, 1.4.4)
✅ Set Paragraph Max Width (WCAG 2.1, 1.4.8 )
✅ Fixes Duplicate ID's (WCAG 2.1, 4.1.1)
✅ Reorder H tags (WCAG 2.1, 1.3.1, 2.4.6)
✅ Converts Empty A tags into Div tags (WCAG 2.1, 4.1.1)
✅ Clarify Send Button Labels (WCAG 2.1, 1.3.1, 2.4.6, 3.3.2)
✅ Ensure Minimum Interactive Element Size (WCAG 2.1, 2.5.5)
✅ New Tab Link Confirmation (WCAG 2.1, 3.2.2, 3.3.4)
✅ Set Logo and Nav Brand Attributes (WCAG 2.1, 1.1.1, 4.1.2)
✅ Add Role and Alt Divs with Background Images (WCAG 2.1, 1.1.1, 4.1.2)
✅ Update links and buttons (WCAG 2.1, 2.4.4, 3.2.4)
✅ Add Dynamic Input Labels (WCAG 2.1, 1.3.1, 3.3.2)
✅ Enable Autocomplete for key fields (WCAG 2.1, 1.3.5)
✅ Enable required Fields are ARIA Compliant (WCAG 2.1, 1.3.1, 4.1.2)
✅ Removes Autofocus on field elements (WCAG 2.4.3)
✅ Add Placeholders for missing labels (WCAG 2.1, 3.3.2)
✅ LOTTIE Animation with Play/Pause Control Overlay (WCAG 2.1, 2.2.2, 1.4.3)
✅ Disable LOTTIE Autoplay (WCAG 2.1, 2.2.2, 2.3.1)
✅ Disable GIF Autoplay with Play/Pause Control Overlay (WCAG 2.1, 2.2.2, 1.4.3)
✅ WebP Forced Animation Controls (WCAG 2.1, 2.2.2, 1.4.3)
✅ Disable Background Video Autoplay (WCAG 2.1, 1.1.1, 4.1.2)
✅ Disable Rive Animations Autoplay (this one was hard) (WCAG 2.1, 1.1.1, 4.1.2)
✅ Disable Webflow Slide Autoplay (WCAG 2.1, 1.1.1, 4.1.2)
✅ Disable HTML Video Autoplay (WCAG 2.1, 1.1.1, 4.1.2)
✅ Enabling Zoom (WCAG 1.4)
Reading Tools
✅ Allow visitors to translate the page using Google Translate
✅ Large Cursor
✅ Reading Mask
✅ Change Text Size
✅ Change Text Align
✅ Change Text Spacing
✅ Change Line Height
✅ Change Font Colour
✅ Highlight Text
✅ Dyslexia Font
✅ Friendly Font
✅ Underline Links
✅ Highlight Links
✅ Underline Titles
✅ Highlight Titles
✅ Change Title Colour
✅ Show Tooltips
✅ Show Page Links
Visual Tools
✅ Change Background Colour (WCAG 2.1, 1.1, 1.1.44)
✅ Virtual Keyboard (WCAG 2.1, 2.1.1, 2.1.4, 2.4.7)
✅ Hide Images (WCAG 2.1, 1.4.4, 1.4.10)
✅ Magnify Area (WCAG 2.1, 1.4.4, 1.4.10)
✅ Magnify Page (WCAG 2.1, 1.4.4, 1.4.10)
✅ Desaturate (WCAG 2.1, 1.4.4, 1.4.6)
✅ Low Saturation (WCAG 2.1, 1.4.1, 1.4.6)
✅ High Saturation (WCAG 2.1, 1.4.1, 1.4.6)
✅ Dark Contrast (WCAG 2.1, 1.4.6, 2.2.2)
✅ High Contrast (WCAG 2.1, 1.4.6, 2.2.2)
✅ Invert Colours (WCAG 2.1, 1.4.6, 2.2.2)
✅ Night Mode (WCAG 2.1, 1.4.6, 2.2.2)
Accessibility Profiles
✅ Dyslexia Profile
✅ ADHD Profile
✅ Motor Impaired Profile
✅ Colour Blind Profile
✅ Low Vision Profile
✅ Epileptic Profile
Take it for a spin, and read more at https://www.flowbuddy.co.uk
If you are interested in having this for your Webflow site, just use the contact form. Any questions or feedback let me know below! 👍 😎