Angled Video Embed With Background Glow

This is a very cool video snippet that you can use on your website to give your embedded video player a nice 3D angled look. When you hover over...

Circular Play Button Flip to Video Player Animation

Need a fancy play button animation for your video on a webpage? This video snippet by Eric Johnson might be just what you need. When you click on the...

Video Preview Button With Expand on Hover and Full Screen on Click

This is a very modern CSS only button where you have a small preview of the video playing in a circle and when you hover over it the preview...

Vanilla Javascript and CSS Sticky Floating Video on Page Scroll

Have you seen those sites where you play a video and scroll down and there is a video thumbnail like sticky floating videos pops up on the screen? Think...

360 Panorama Video Embed

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...

Load Multiple Videos from an Unordered List

With this snippet designed by Corey Roth you have an unordered list on the right and a video on the left. When you click on each item in the...

Play Icon to Video Animation on Click

I love this subtle micro-interaction using GSAP where you hover over the play icon to show a little animation and on click, the play icon transforms into a youtube...

Play Button to Video Transition using clip-path

This is a really cool transition designed by Eric Johnson where you see the transition from a simple play icon to the background video. The play button has the...

15 Amazing Free UI/UX Kits

The CodeMyUI team has put together a list of 15 Free UI/UX kits that we think will not only inspire you as you deliver world-class solutions for yourself and...

SVG Text Mask With Video Background

Want to show some text but instead of a solid colour you might want to use an image in the background or how about a video? This snippet designed...

1 2