Web Design Inspiration with Code Snippets
Handpicked code snippets you can use in your web projects. Find website design inspiration with code samples. Scroll down and find more inspiration or use the search to find something more specific.
If you have to deliver two messages on one screen then this web design technique is perfect for you. It is a great choice for landing pages with side-by-side selectable options.
When your website offers two contrasting option to visitors.
When you want to suggest a connection between two pieces of content.
September 28, 2018
A cool navigation menu similar one to the one on as seen on uber.design, this deconstruction was done by creme. When you click on the hamburger menu a split screen...
January 29, 2018
A fancy image slider where you have 2 images side by side and when you hover over them it expands into the other image’s section and on scroll, the...
October 26, 2017
A 2 column split screen image and cation gallery designed by Eduardo Bouças. When you scroll each section loads a new content side by side.
August 18, 2017
This is a fancy little slideshow where the image splits into two vertically. The left side moves down and the right side moves up. It was designed by Fabio...
March 01, 2017
This slide with text splitting in the middle was designed by Nathan Taylor. You have a big text in the background and a smaller text on top of it,...