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

Hey everyone ✌️ I sold this project in December 2021. Check it out at goodbooks.io!

I'm working on himalayas.app and untitledui.com

Follow me on Twitter for updates: twitter.com/jordanphughes

–––

📚 Good Books is a curated collection of book recommendations from some of the most successful, influential and interesting people around the world.

This project started about 6-months ago when I started to keep track of all the books that I wanted to read and who recommended them. I then got (a little) obsessed with the project and ended up accumulating over 15,000 book recommendations from about 1,250 people...

I built Good Books to share these book recommendations with the world, organising them into simple categories and industries so it's easy to find your next read.

Cheers 🙂

Good Books

Good Books 📚

Hello Webflowers,

We always want to get inspired and experiment all the things that are possible to be done in Webflow, So, we have created a simple scroll interaction. Enjoy!

Jammy-ya Scroll Interaction

A split screen design, where on the left side the text is scrolling and on the right side the project image stays sticky in the viewport and is changing depending on the project teaser and scroll position.

Remember that you have to adjust the interaction as soon as more teasers are added!

Tutorial: https://youtu.be/iJzYIk34qPM

Sticky Project Teaser Image Scroll Animation

The slider component in Webflow can also be extended with an individual animation. This way you can give each slideshow its own character. 

This cloneable is a splitscreen gallery in which the slideshow automatically rotates through different collages and animates each slide with its own transition.

You could use a grid inside of each slide as well.

Watch the Tutorial here: 
https://youtu.be/IvxswB5jy-w

Custom Slider Autoplay Gallery Animation

With the basics from PixelGeek I realized this splitter hero and added black/white fading on mouse over, link-blocks and arrows – ready to clone and use for your next split screen hero.

Splitten hero with mouse over interaction

Clone: Splitten hero with mouse over interaction

Studio Almond

StudioAlmond believes in the power of three: absolute technical leadership, inspired design and a client dedicated to best practice for their business.

A site made for my startup, some creative use of background videos to showcase video animations of the app running on iPhone and android devices! real site is https://cryptospend.com.au

Cryptospend V4!

Cryptospend - Make Crypto Spendable

Wordplant is a content creation agency from Christchurch, New Zealand. We're a small and friendly team of expert writers, here to make the business of communicating and connecting with your audiences a walk in the park.

Wordplant

wordplant

Sydney based construction company providing exceptional builds and amazing client service.

Discover splitscreen websites built by the Webflow community

Discover splitscreen websites built by the Webflow community