Discover the best responsive websites created by professional designers. Get inspired and start planning your perfect responsive web design today!

Francesco Castronuovo

✨ Looking for a way to create a stunning disintegration effect in Webflow — without writing a single line of code?

This time, I’ll walk you through a fully customizable, scroll-triggered disintegration effect built with GSAP and html2canvas, and controlled entirely through custom HTML attributes.

The best part?

You don’t need to touch the JavaScript — just copy the component, set a few attributes, and you’re done ✅

---

🎯 What you’ll learn in this video:

✨ How to use GSAP ScrollTrigger and html2canvas to break an image into animated fragments
✨ How to configure the effect using HTML attributes (like rotation, offset, animation start/end)
✨ How to apply it to dynamic content using Webflow CMS
✨ How to preserve accessibility with alt text
✨ How to combine the effect with native Webflow animations
✨ Best practices to optimize performance and avoid layout issues
✨ How to make the effect responsive across breakpoints

👉 Watch on YouTube: https://youtu.be/ScY8hLVPk7s

GSAP Disintegration Effect On Scroll

Rayleigh

Archite est un template Webflow minimaliste et structuré, pensé pour les studios d’architecture, urbanistes ou bureaux de design contemporain.
Ce template propose une mise en page aérée, une typographie élégante, et une hiérarchie visuelle claire inspirée des portfolios de grands studios comme BIG, MVRDV ou Herzog & de Meuron. Il est conçu pour mettre en avant vos projets avec sobriété, tout en laissant place à l’expression visuelle.

Prague Architecture - Template

Visions

Finance portfolio website for an independent full-service valuation and advisory firm,

Tall Oaks Partners

Gil Ng

AI For Good is a comprehensive platform designed to democratize artificial intelligence for businesses of all sizes. The website showcases how generative AI solutions can transform business operations while maintaining ethical standards. With a clean, modern interface and intuitive navigation, the site effectively communicates complex AI concepts through engaging visuals and clear messaging. The design emphasizes accessibility and trust, featuring a sophisticated color palette, custom illustrations, and responsive components that create a seamless user experience across all devices.

AI For Good - Empowering Business Growth Through Ethical AI Solutions

Masters Agency

Masters Agency is Western Sydney's leading, total solution marketing agency.

Our team of modern specialists can deliver on branding, websites, social media, paid advertising, SEO, media buying, email, SMS, strategy and more.

We are based at STUDIO-103, Penrith's most aspirational creative workspace equipped with a photoshoot space, green screen and podcast studio.

Apex Golf Studio

Masters Agency is proud to present Opal Property Advisory. An emerging Sydney-based buyers agency for residential property.. 

This is a strong brand that creates a consistent message that Opal is where expertise meets performance. Opal are your partners in growth with a team of strategic thinkers and a proven track record.

Opal Property Advisory

Masters Agency partnered with Rondys Electrical to elevate their brand presence through a wide range of services. We designed and developed their website, ensuring a user-friendly and modern interface.

Rondys Electrical

Missy McGee

My company website for Greaterthan showcasing our services, projects and values.

My roles in the project: 
• Webflow Development 
• Custom code
• SEO 
• Analytics 
• Copy Writing

Greaterthan

Alunt Nutrition and Wellness is a Victoria, BC food prep and nutrition service. 

My roles in the project: 
• Webflow Development 
• SEO 
• Analytics 
• Copywriting

Alunt Nutrition and Wellness

Nik Anna

This website was created and developed as a bold personal portfolio for model Anna Sophia. It's a glossy runway of self-expression, where creativity strikes a pose and dares you to look away.

Anna Sophia | Professional Model Portfolio

This website was created and developed as a bold political campaign concept for the Reims 2026 municipal elections. It’s a sleek digital manifesto disguised as a website, daring citizens to dream of a city that actually plans ahead for once

Reims 2040 | Official Campaign Website

This website was created and developed as a sleek digital presence for Xceednet a tech company that refuses to sit still in a world of outdated solutions. It’s clean, confident, and probably judging your current website for not being this cool

Xceednet | Innovative Technology Solutions

This website was created and developed as a professional digital showcase for Rilea Group, a real estate development company with over four decades of experience. Sleek, confident, and dressed in corporate black-tie, the site says: 'We build towers, not toy blocks—invest accordingly.'

Rilea Group | Real Estate Development in South Florida

Wavespace - UI/UX Design Agency

Orangecard is a modern and fully responsive Webflow template built for payment SaaS platforms, fintech startups, and digital transaction tools. With a bold layout and conversion-ready structure, it helps businesses streamline payment flows, onboard merchants, and showcase financial features with clarity.

𝗣𝗲𝗿𝗳𝗲𝗰𝘁 𝗳𝗼𝗿:

Payment processors, fintech startups, API-based tools, and financial SaaS companies.

𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 & 𝗕𝗲𝗻𝗲𝗳𝗶𝘁𝘀:

   • Real-time merchant onboarding UI
   • Secure card payment interface
   • Modern testimonial-driven layout for credibility
   • Built-in sections for API docs, pricing, and developer support
   • Fully responsive and Webflow CMS-friendly
   • Designed to convert trial users into paying customers
   • Clean “Try for Free” CTA flow for growth-focused companies

Have a project? Contact us: hello@wavespace.agency

Orangecard – Payment & Fintech SaaS Webflow Template

Scrollyflow

Scrollyflow is a portfolio site and web design studio based in Leipzig, Germany. Focused on high-quality, responsive Webflow sites, Scrollyflow turns design concepts into smooth, custom websites. Whether for agencies, creatives, or businesses – it’s all about bold visuals and clear communication.

Scrollyflow – Custom Webflow Sites from Germany

sunray

Accounts's Workspace

Zade International d.o.o. is the official distributor of Easy-Tabs cleaning tablets for the Balkan region. Their website, zade.ba, is a multilingual platform available in Bosnian, English, German, and Turkish, reflecting the company's commitment to serving a diverse clientele.

Zade

New creative and slick website for Perspectiv

Perspectiv

Molipse Agency

Molipse

Corporate website for a US-based engineering company ⚙️

Task 🧩
Create a modern, fast, and professional website that reflects the company’s expertise in engineering services and builds trust with potential clients.

Solution 🛠️
The website was fully designed and developed in Webflow to ensure speed, flexibility, and scalability. We implemented a clean, corporate design with intuitive navigation, CMS for easy content management, and smooth micro-interactions to enhance the user experience across all devices.

Result ✅
A responsive, conversion-focused platform that not only strengthens the brand image but also supports lead generation. The client can now easily update content without developers, while users enjoy a polished, trustworthy experience.

VEC | Engineering company

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1726628865

173927913

1771795565

1863160016

1905118106

2032141491

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4o-mini

2546957535

2789269995

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3023147062

3106924665

3112069432

3120801339

3243842104

3258716925

3289310561

3313039722

3315729993

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

4092855684

4103643638

4206156914

451433404

504462606

622649767

622649768

657188092

665836192

737109165

747504970

772001133

846847440

882147072

911514507

938734410

1004117952

1049811722

105340574

1087856901

1120744071

1131151533

1157563538

1171384976

1197475705

1229056119

1234765101

1236803103

1250328847

1292405251

130043074

1306352991

1312703771

1322655470

1336067073

1350250754

1380813821

1380896143

1406455659

1418395020

1433303746

143629253

1437392009

1455163268

1455742168

1458975701

146940023

1475952185

1483622682

1490715908

1499868407

1501922903

1509255256

1530015515

1545754914

1557989767

1568482678

1575119218

1662541974

1665126082

1675015083

1680201874

1680586027

1701648875

173185438

1733571395

1752293186

1753134293

1762715110

1803820771

1826978162

183596474

1856326096

1857805694

1861549476

187681422

1928608458

1931880952

1944913766

1951876014

1968719184

2011169820

2031799369

2034576520

2084850560

2085494476

2091902242

21336891

214950889

2161096664

216777687

2182233325

2184630439

2187198051

2193997669

2195700599

2198334698

2224902271

224017973

2267256763

2274255187

2276264697

23146391

Best Responsive Websites | Free Examples & Designs

Discover Responsive websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Responsive websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Responsive websites
built by the Webflow community