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

Looping lines/wires on page scroll - Thanks for looking! :-)

Bake 007

Collection 1 // Bake 007

Setup for a scroll-based full-screen lottie interaction

Scroll Based Lottie

scroll-lottie

Due to the COVID time, one of the ways to explore new parts of the world is through your design! So here is my modest template for a travel agency. Fully animated. Enjoy! 

Check out my dribbble page: https://dribbble.com/ivanshdesign
Figma file for it: figma.com/@ionsipilov

Conquer the Jungle

[Free to clone 🤙] Conquer The Jungle | Travel Website | Travel Agency

This demo showcases moving lines around an image. The image also has a 3d rotation on hover.

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

WebDev for You - Daily Interaction #67

WebDev For You - Daily Interaction #67

Learn how to animate SVG graphics in your website with one simple step in this web design tutorial. Improve the visual aesthetics and interactivity of your websites with scalable SVGs that look crisp on all devices. I'll show you how to add motion to SVG lines, engage visitors, and convey messages effectively. Plus, I've prepared a solid animated path code template for you. With just two attributes, you can animate any SVG with line paths and adjust the timing. Especially easy to integrate into Webflow via an embed field.
Tutorial: https://youtu.be/FVfKUkGTflw

Animate SVG Lines with Attributes

Website development for a Cyprus company selling luxury cars.

luxury-cars-8

Luxury Cars

De Watertoren is an old historical water tower in Delft, whose spaces are now used for different events. This website is to showcase the different spaces on offer. The vertical lines and spirals of the visual identity highlight the unique features of this building.

De Watertoren

Landing page featuring (mostly) fancy typography and abstract graphics with clean lines. Also includes an about and contact page. Plenty of fade in, melt-up, and on-scroll animations to entice your user and a full page nav menu. Hope you like it! Based on a design by Villiers Private.

Luxury Landing Page

Website redesign for the Russian SaaS consulting company Glowbyte. With the metaphor of pixels in the office, we showed the key value of Glowbyte - Robotic Process Automation. Robots doing routine 24/7, employees doing business development.

Glowbyte

Potok is a croudlending platform that allows business owners take loans from investors. We took a metaphor of a flow which translates to "Potok" in Russian. We've made this landing page in 5 days.

Potok copy

Potok for clients

Make Oblique Boxes native in Webflow. No extra code needed.

Layout with Oblique Lines using Transform Skew

transform-skew

Interior design

Sorby Brown. Independent Digital Designer.

With his practice spanning multiple disciplines; he's driven to create experiences for purpose that connect people and enrich lives.

Sorby Brown | Portfolio

Sorby Brown – Senior Digital Designer – Portfolio

Bolk Studio

Webflow development of Kintsugi website design made by USA agency Pact (https://www.pact.studio/).
Tell us what you think!

Copy of Vareto

Vareto

Conveyflow

DriveTLV - Corporations and startups joining forces to create a mobility revolution

Discover lines websites built by the Webflow community

Discover lines websites built by the Webflow community