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

A sweet hover effect that can span across multiple cards at the same time! 

Highlight the (simulated) border of the card and the neighbouring cards.

Custom code is used to pass the cursor position over to the surrounding cards. Inspired by https://linear.app

Glow Cards

Glowing Cards on Hover

Greenline Creative

Linear is a powerful toolkit for your Webflow project. With over 2,000 Styles and nearly a dozen components, you can build almost anything using Linear.

Linear 1.0

Saw a great tweet sharing an "x-ray" reveal style interaction from the Linear.app site and decided to attempt to remake it in Webflow.

✅ Native Interaction
✅ 2 quick lines of custom code (one for the stroked text, one for the CSS mask)

Feel free to clone and play around with it!

Original tweet - https://twitter.com/hybrid_alex/status/1576917187872317440

Actual site (scroll to bottom) - https://linear.app/integrations

Linear.app X-Ray Clone

Linear "X-Ray Reveal" Interaction

Noah Shreve

Easy gradients like how you see on Linears site.

Linear Gradients

Linear Gradients Cloneable

I've never seen Linear's animation in Webflow so I decided to build it.

I added my own style so it's not 100% the same.

Details: 
✔ Using only Webflow animations
✔ Using Finsweet client-first v1
✔ Trigger on load or on scroll

Sign up for the lesson: www.webflowtips.com/b/how-to-create-an-animation-like-linear-app

P.S Like or follow if this was useful for you 🙂 🙌

Copy of Main Template

Linear App Animation

Memberstack

Happy Wednesday! I noticed people were looking for an easy way to confirm password fields in Webflow, so I decided to create this!

There are a few solutions available today, but they don't give much (or any) style control or user feedback while the user is typing. This project does both!

It uses some custom code from Stack Overflow + some custom CSS to style neighboring elements. Tutorial video in the project.

Works with Memberstack, but you're welcome to adapt to any project! I hope it serves you well 😁

Confirm Password - Create Account (Signup)

Confirm Password

Redesigned my portfolio. Added micro-interactions, animations, and lots of love.

Harsh's Top-Notch Site

Design Portfolio

Now offering a subscription design and development service, I needed to update my site. Here's where that left us!

Noah Shreve Subscription Portfolio

Happy Tuesday! 

This is a prototype project for Memberstack 2.0. I've very heavily copied the Linear signup page (circa Feb 2022). I really liked the way the email is hidden until after clicking the continue with email button. Very clean, and very simple. 

I'll release once all of the social login functionality is present in Memberstack.

Linear Signup Form

Linear Signup

A study of Linear's 2022 website design, build and interactions.

Sequential

sequential-605808

Derek is a personal portfolio template for Designers, Developers, freelancers, Architects, or any other professional who needs a simple way to launch a webpage online. 

This template is built using Linear and includes a stylesheet to quickly change colors and fonts.

Linear is a powerful toolkit for your Webflow project. With over 2,000 Styles and nearly a dozen blocks, you can build almost anything using Linear.

Discover linear websites built by the Webflow community

Discover linear websites built by the Webflow community