Clearbot is a fleet of electric, autonomous boats engineered to collect trash, hyacinth, and marine debris from rivers, harbours, and ports — all while generating real-time AI-driven data for environmental stakeholders.

Ideal for municipalities and port authorities, Clearbot offers multi-class vessels (Class 2, Class 3, Alligator) that automate trash collection in all conditions — capturing up to 500 kg per mission — and provide GPS/GIS data and ESG-ready reports.

Challenges Faced: Webflow's CMS didn’t support live data streams, and the multi-variant vessel specifications demanded dynamic interactivity. Additionally, interactive AI dashboards were beyond Webflow’s native capabilities.

Solutions Implemented: Integrated lightweight Vue.js components via custom embeds to power dynamic boat comparisons and spec filters. Real-time sensor data and ESG metrics were fed through embedded charts using Chart.js and WebSocket connections to display mission stats live. All content remained remotely managed via Webflow CMS.

The final site is visually engaging, interactive, and data-driven — demonstrating a robust Webflow extension strategy that brings complex autonomous vehicle tech online.