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.
Check out this minimal direction aware button that you might have noticed on an Apple TV. This deconstruction of the button was designed by Filip Danisko.
If you are having trouble with the pen, try the archived copy on GitHub
See the Pen Apple TV Paralax – Button by Filip Danisko (@filipdanisko) on CodePen.0
Do you have a 360 panorama video you have recently taken on your smartphone or camera and do you want to showcase that on your webpage? You are in luck as this snippet using three.js can help you embed that video on your webpage, you can also interact with it by clicking and dragging to…
Read More
You can use this CSS only responsive cafe menu design by Elliott Quinn to show the menu and some other details like opening hours, location, etc
Read More
If you want to add a hero section with some fancy looking shooting stars in the background this snippet by Yusuke Nakaya is just what you need.
Read More
Check out this simple but effective CSS snippet of using 2 box-shadow, the second one with a bigger blur and opacity. Works well on card UI elements.
Read More
We have seen various before after image sliders, this new one was designed by Brett McCaffray. When you move the mouse pointer the slider moves as well revealing more or less of the image in the background.
Read More