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

Osmo

↓ Learn more about Osmo
www.osmo.supply

Glowing Interactive Dots Grid (GSAP Inertia)

Halo Lab

Alurena, an online cosmetic store, offers a wide range of daily care products for all skin types.

Problem

When it comes to cosmetics, it can be difficult to fully understand a product's texture and feel without trying it in person. That's why the task was to create a gentle and inviting site that allows customers to understand what Alurena products are like and how they can benefit their skin routine.

Solution

The website was made in Webflow and featured stunning hover and scroll effects to enhance the user experience. We focused on showcasing product quality and effectiveness using webflow interactions. We want the customers to feel confident in their purchase and to see firsthand the positive results that the products can provide.

Result

We got a website where every woman finds the perfect solution for any skin problem she may have.

Alurena E-commerce Website | Skin Cosmetics

WebDev For You

Welcome to Daily Interaction #135.

This demo showcases a project card animation on hover.

With this effect the title and caption move on hover. A "View Project" appears and moves down with an underline animation. There is also a cover overlay that moves and appears from the upper-left on hover.

This effect was achieved by creating a card wrapper and placing the color overlay inside of it with a position of absolute and full. Then a text wrapper was added to the card wrapper in the center with a heading, text block, and view project text block. The 'view project' text and underline were added inside of another wrapper. Then with interactions I had the different elements move and the underline scale.

Inspired by: https://www.everess.fr/

There will be no daily interactions for a while as I am currently working on a few other projects. Stay tuned for the new projects!

To view more daily interactions and premium content visit:
https://www.webdevforyou.com/

WebDev For You - Daily Interaction #135

Cristian Prodan

Move the cursor to the right or to the left :)

Follow Cursor

Welcome to daily interaction #111.

This demo showcases a product card with a zoom animation on hover. When the user hovers over the product image it scales up to zoom so the user can see more details about the physical product. This effect was accomplished by placing the image div inside of a wrapper with an overflow of hidden. When the user hovers over the image wrapper the image div scales up to double the size. Then with a 'mouse move over element' interaction I have the image move in different directions when hovering over the image wrapper. This allows the user to move around the image and see different parts.

To view more daily interactions and premium content visit:
https://www.webdevforyou.com/

WebDev For You - Daily Interaction #111

Memberstack

Happy Friday, everyone! 👋

I had some fun recreating the wonderful Yeti Login Codepen by Darin S. The project is 100% Webflow and relatively simple all things considered. I broke the SVG into parts, added a hover-over-element interaction to the background, & hover in / hover out interactions to the email, password, and login fields. 

The "rotating" head effect is created by moving close-up elements slightly more than background elements. I.e. the nose moves 11px to the left or right, while the mouth only moves 9px. The blue face SVG moves 6px, and the body doesn't move at all. 

Here's the link to the original project https://codepen.io/m3eu/pen/VwYBbwO

If you have any questions, feel free to drop a comment below. Thanks!

Yeti Login

Francesco Castronuovo

Want to create a stunning glow effect on hover in Webflow? 🔥

This time, I’ll show you how to build a no-code hover animation using move and scale transforms, the blur backdrop filter, and Webflow’s custom properties! 🚀

What you’ll learn:

✅ How to use move & scale transforms to create depth
✅ How the blur backdrop filter enhances the glow effect
✅ How to use Webflow’s custom mask properties for advanced design tricks
✅ How to bring everything to life with Webflow interactions & animations

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

No Code Glow Effect On Hover

Welcome to Daily Interaction #106.

This demo showcases a reverse image effect on mouse move. There are two images facing the opposite direction on both sides of the screen and when you move your mouse on the x-axis the images get closer or further apart. It is a very simple effect, but I think it can be very effective. To use the same image and save on load time I flipped the right image horizontally on the y-axis within the interaction. Both the left and right image are in a wrapper with an overflow set to hidden. I then applied a 'mouse move in viewport' interaction to move both images in and out as the mouse moved on the x-axis.

Demo requires mouse or trackpad input.

To view more daily interactions and premium content visit:
https://www.webdevforyou.com/

If you'd like more information on how this interaction was accomplished be sure to join the Slack Community!

WebDev For You - Daily Interaction #106

Orange Cattle

Moving notes on a page

America's Bottle Bill is an organization that aims to promote the implementation of "bottle bills" in the United States. It would require paying a deposit on particular beverage containers to reduce litter and promote recycling.

Problem.
The main problem that the website aimed to address was the need for more awareness and understanding of the benefits of bottle bills among the general public. The organization wanted a website that could effectively communicate the importance of these laws.

Solution.
We created an easy-to-navigate Webflow website to solve this problem. We added animations such as hover effects to make the website more interactive and engaging. We combined minimalist design with animations, for example, a counter of benefits from using Bottle Deposits. It allows focusing on the profits at once so the visitor will want to join the initiative.

Result.
The website effectively communicates the organization's message and encourages visitors to be involved in the campaign.

America's Bottle Bill Landing Page

Upasana Paul

Move your mouse around the screen to view all the images

Photography Portfolio Template

Move your mouse to move along the road into the sunset.
This is an iteractive project with a gaming feel.

Interactive Road

Flowcraft

Exceptional coaching to move executives to new levels of leadership.

Unconditional Leadership

Out Agency

Carusel is the most affordable way to move around the city with comfort.

Carusel — the first native carsharing in Russia

Incrementic Designs

Migrate your Wordpress site to Webflow with our service

move-to

Supasaito

Want to create a stunning glow effect on hover in Webflow? 🔥

This time, I’ll show you how to build a no-code hover animation using move and scale transforms, the blur backdrop filter, and Webflow’s custom properties! 🚀

What you’ll learn:

✅ How to use move & scale transforms to create depth
✅ How the blur backdrop filter enhances the glow effect
✅ How to use Webflow’s custom mask properties for advanced design tricks
✅ How to bring everything to life with Webflow interactions & animations

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

📂 Helpful Resources:

- Supasaito Academy: https://academy.supasaito.com/en

102022939

1026885926

102976941

1038319252

gpt-5-nano

1070795817

1098530826

gpt-4.1-mini

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

1207293145

1274323923

1338389614

140432223

1444732314

1462086697

1506258256

1514009179

1559290700

1567550242

1592612642

1609688815

1621889036

1631162196

1692956854

1696523225

17004821

1726628865

173927913

1768015773

gpt-5.5

1771795565

1863160016

1870758752

1905118106

1919353748

193274770

1960278590

1975670756

1977767562

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2144870841

2147413158

2167006968

2216482092

2243824526

2250401860

225169335

2256326107

2320791503

2351366352

2355632600

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

2401116685

2401437500

2486364096

gpt-4o

gpt-5-mini

gpt-4o-mini

2493307210

2546957535

2556595834

2624148589

2639613659

265457401

2717840929

2749253609

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

2972123611

3022611874

3023147062

3026881092

3056387847

3057360577

3070246498

307653616

3099012871

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

3238278814

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3417108561

3452464914

3458155273

gemini-3.6-flash

3497785011

3590523401

3591394191

3594629977

3661799733

3669004489

3673080560

3680518347

3736611573

3737116140

3840796123

3844506029

3876837227

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

Earn commissions, access resources, and grow your business with Webflow.

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

Best Move Websites | Free Examples & Designs

Discover Move websites
built by the Webflow community

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

Discover Move websites built by the Webflow community

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

Discover Move websites
built by the Webflow community