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.
Handpicked GSAP Demo, Code Snippets and Examples that you can use to find inspiration for your next web project. GreenSock Animation Platform (GSAP) is a suite of JavaScript tools for high-performance HTML5 animations that work in all major browsers.
Are you running a sports-related website and need to come up with a sports-related design for your toggle switch? Aint this your lucky day, Chris Gannon has come up with an awesome little Wimbledon inspired toggle design using GSAP. When you click on the toggle the tennis ball bounces and moves into the opposite court.
Read More
We have seen an owl animated login form and an envelope animated email unsubscribe form in the past. This particular login form animation in SVG was designed by Darin Senneff. When you enter the email the yeti becomes happier and when you go to enter the password it covers its eyes.
Read More
I love subtle animations on websites and if you remember we had an awesome owl and yeti login page recently, this particular design comes from Agathe. There is an email unsubscribe form with a sad looking envelope and when you hover over the unsubscribe button the page cower down in shivers and on click it…
Read More
We have another food inspired design for you all today, this one was designed by Chris Gannon. We have multiple fried eggs appearing one after the other indicating a loader in action.
Read More
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 image is split into multiple rows and it slides in the next image with a slight delay for each rows’ transition. It was designed by Yugam
Read More