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

N!nh

Ninh Studio

Conicorns is a modern Webflow template designed for startups to build beautiful websites, manage workflows, and grow their business.

Conicorn

Newwwhouse

NDSM is one of Amsterdam's most iconic spots. A former shipyard on the north bank of the IJ, now a hub for culture, events, studios and nightlife. Built in collaboration with Vandejong Creative Agency, who led design and creative direction.

The site needed to handle an enormous amount of content while staying fast and lean. I rebuilt the CMS architecture from scratch, giving the editorial team a backend that's structured enough to stay manageable and flexible enough to keep up with a program that never stands still. The new ndsm.nl now serves over 30,000 visitors a month.

Design by Vandejong. Development by Newwwhouse.

NDSM

M7 Branding & Design

We partnered with Plenty Planet to refine their brand and build a high-performing Webflow website focused on renewable energy and decarbonization solutions. We introduced a renewed color palette and visual system aligned with their positioning across solar car parks, solar parks, rooftop solar, battery storage, and integrated energy systems.

We restructured the content to clearly present solutions like EV charging infrastructure, energy storage systems, and grid congestion solutions, improving both usability and SEO for better visibility in search engines and AI platforms.

We implemented interactive calculators, lead flows, and modular pop-ups to guide users through solar + battery setups. Advanced opt-in funnels with whitepaper-style assets support conversion.

The result is a scalable platform positioning Plenty Planet at the forefront of the energy transition and nature positive energy systems.

Plenty Planet

Silvr is a digital-first car financing platform where brand, technology and conversion design operate as a single system. We developed a distinctive brand identity and translated it into a high-performance website, built to guide users seamlessly from exploration to application.

At the core lies an advanced, interactive multi-step calculator that personalizes the entire lead journey in real time. This flow is fully integrated with Teamleader, enabling smart CRM automation, enriched lead data and tailored follow-up through personalized email sequences. The result is a conversion engine that doesn’t just capture leads, but actively qualifies and nurtures them.

Silvr

Nisium

A button that follows the cursor while hovering over it, snapping back to rest on exit. Built with Lumos Framework, zero dependencies, accessible.

Hover Magnetic Button

Bachoo Agency

Client projects 

Blue Square X is an experiential technology company working with advanced LED screen systems. 

They blend storytelling, art, and architecture to create immersive brand environments where content, space, and technology work together as a single experience.

BlueSquareX

Weinberg

Website for FlyEpic — a fractional jet ownership program based around the Epic E1000 turboprop. The site presents ownership tiers, aircraft specs, destinations, and testimonials in a premium editorial layout with video backgrounds, smooth scroll interactions, and an interactive destination map. Built in Webflow with CMS and custom code.

Fly Epic

Website for LYRA Art Foundation — a 501(c) nonprofit supporting visionary artists across disciplines through grants, curatorial endorsements, and institutional collaborations. The site features artist profiles, a journal with in-depth essays, and a curated gallery collection. Built with Webflow CMS, custom interactions, and responsive editorial layout.

LYRA

Qaiser Hameed Khan

A revolutionary water-based, rechargeable battery technology, developed from the ground up with sustainability at its core. Built with renewable and non-toxic materials, it offers high performance with a lower carbon footprint. Flint Paper Battery reduces the green premium and is fully compostable at the end of its lifecycle—redefining what it means to power a sustainable future.

Flint

How it works:
Each row uses two custom attributes to power the effect. Add data-dir="item" on the row element and data-dir="bg" on the background element inside it. The script detects where your mouse enters and exits and slides the background accordingly.

Enter from the top, it slides down. Enter from the bottom, it slides up. Same logic on exit.

Built with the Lumos Framework using utility classes and responsive variables. No libraries, no dependencies. Just drop it into any Lumos project and it works out of the box.

Directional Hover List

Cátia Gameiro

Branding, Website Design and Webflow Development for Wonderfield Studio's website portfolio, a creative design agency based in Miami, USA, in 2022. 

Find the active site here https://wonderfield.studio ↗


Date: 2022

Wonderfield Studio — Creative Design Agency Portfolio

Naypache Studio

A trilingual website for Aaron Rainer, a healer and spiritual practitioner offering sessions, alignment work, and a transformation course. Designed and built in Webflow with a calm, trust-building aesthetic that balances a deeply personal practice with clear conversion paths - session booking, pricing, and an extensive library of healing case studies and testimonials. Structured across three languages (RU / EN / UA) via Webflow Localization, with a dedicated card system and sub-brand (Aaron Support) layered on top. Every section is built to let a visitor move from curiosity to booking without friction.

Aaron Rainer - Healing & Spiritual Alignment

Breems

Bram's Workspace

Maak vastgoed simpel en toekomstbestendig

Ausems

branda

brandъ's workspace

A modern, professional, and fully responsive website for BABI — the Bulgarian Association of Boating Industry, showcasing Bulgaria’s growing yachting sector. Built in Webflow, the site combines clean, structured layouts with intuitive navigation, highlighting member brands, industry news, maritime tourism, and innovations in yacht building. Custom visuals, interactive feeds, and modular components create an engaging and dynamic experience, while clear calls to action encourage collaboration, membership, and global partnerships. The design balances elegance and functionality, reflecting the industry’s values of innovation, ethics, and sustainability. The result is a polished, scalable, and visually compelling platform that positions Bulgaria as a hub for world-class yacht manufacturing and services.

Bulgarian Association of Boating Industry

A clean, product-focused, and fully responsive eCommerce website for AYA — a Bulgarian brand specializing in high-quality nuts, seeds, dried fruits, and healthy snacks. This Webflow project presents a rich and diverse product catalog, combining roasted and raw selections, curated mixes, and functional foods designed for everyday consumption. With over 20 years of experience and a strong focus on sourcing and quality control, AYA builds trust through transparency, consistency, and carefully selected ingredients.

The design emphasizes clarity, fast navigation, and a seamless shopping experience, allowing users to easily explore categories, create custom product bundles, and subscribe for regular shipments. Through structured layouts, engaging visuals, and informative content, the platform delivers a smooth and accessible journey that reflects a modern approach to healthy living.

AYA Nuts – Roasted and raw nuts, mixes, seeds, dried fruits

A purpose-driven and fully responsive website for Velikani — a documentary film initiative dedicated to inspiring positive change through real stories and social impact. This Webflow project presents a cinematic and emotionally engaging platform that showcases the film, its mission, and nationwide screenings across Bulgaria. The site highlights the story behind the movement, rooted in the “Caps for the Future” initiative, and its goal to support meaningful causes such as donating medical equipment and building a culture of active citizenship.

Through immersive visuals, clear structure, and accessible event navigation, users can explore the film, discover upcoming screenings, and become part of the cause. The result is a powerful digital experience that blends storytelling, community, and purpose into a cohesive and impactful user journey.

Giants - Plant the seed of good

A dynamic and fully responsive website for DEV.BG Events — a central hub for discovering tech meetups, conferences, and workshops across Bulgaria. This Webflow project presents a scalable event platform featuring a wide range of topics, including software development, AI, DevOps, and product. The design focuses on clarity and seamless navigation, enabling users to quickly explore upcoming events and register with ease. Through clean layouts, structured content, and intuitive UX, the platform transforms complex event data into an accessible and engaging experience, supporting a growing community of tech professionals and continuous learning.

Events by DEV.BG - Every event,, every topic for every DEV

Richard Segura

Segura Multimedia

KI4B Ads is a direct advertising sales landing page built for KI4B.de — a German-language AI business publication targeting the DACH market (Germany, Austria, Switzerland). The site is designed to convert media buyers and brand managers into paying advertisers, presenting audience data, ad formats, and pricing in a clean, conversion-focused layout.

Built entirely in Webflow, the project features a scroll-triggered counter animation to surface key audience metrics, custom hover effects, smooth scrolling via Lenis, and a sticky scroll-to-top interaction. Ad slot bookings are handled through a Passionfroot integration, keeping the purchase flow frictionless. The design uses Space Grotesk for a modern editorial tone and a WhatsApp CTA in the navbar for high-intent direct contact.

ki4B

102022939

102976941

1038319252

gpt-4.1-nano

1070795817

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1131232030

Custom code and scripts won’t be supported.

Custom code

You won’t be able to export HTML and CSS files.

Code export

You won’t be able to manage site-level access and publishing.

Site-level roles & permissions

{{count}} {{sites}} {{exceed}} client seat limit. Excess seats will be removed.

Client seats

Free guest access to client Workspaces won’t be available.

Guest access

Staging sites will be unhosted with limited CMS, and no passwords or redirects.

Staging sites

1138017326

claude-sonnet-4-5

1186914386

claude-opus-4-6

1274323923

140432223

1462086697

1506258256

1514009179

1567550242

1592612642

1609688815

1621889036

1631162196

1692956854

1726628865

173927913

1771795565

1863160016

1870758752

1905118106

1975670756

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2144870841

2167006968

2216482092

2250401860

2351366352

2355632600

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

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2493307210

2546957535

2624148589

2639613659

2717840929

2789269995

2842505721

284989039

285302288

2903381045

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

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

2940878268

3022611874

3023147062

3026881092

3070246498

307653616

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3162101956

301 Redirects

Custom Code

Code Export

Site Transfer

Join client workspaces for free and add up to 5 users from your workspace

Guest Access

Limited seats available, n sites will have client seats removed

Client Seats

Staging sites will be unhosted with limited CMS and no passwords or redirects.

Staging Sites

3201643127

3220870747

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3452464914

3458155273

gemini-3-flash-preview

3497785011

3590523401

3591394191

3637361732

Content Brief Generator

Credentials Demo

Fibonacci Hammer

MCP Demo

Variables Demo

3661799733

3669004489

3736611573

3737116140

3844506029

3879263312

Learn best practices for collaborating with clients in Webflow.

Sell your apps on the Webflow Marketplace.

Learn about structuring seats, roles, and permissions in your Workspace

Partner with Webflow to build your business alongside 2M+ creators and developers

Request access for your team to collaborate in a client’s Workspace.

Charge your client for a Site plan directly in Webflow.

Earn more by selling templates on the Marketplace.

Start building your site with AI, a prebuilt template, or from scratch.

Add your team members to start collaborating on sites.

Watch a quick intro to what you can build in Webflow.

3913199261

392490161

3934148661

3941255684

3956476210

3960693283

3972857978

4040286650

4063605209

4092459378

4092855684

4094645560

4103643638

Best Interactions Websites | Free Examples & Designs

Discover Interactions websites
built by the Webflow community

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

Discover Interactions websites built by the Webflow community

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

Discover Interactions websites
built by the Webflow community