• BGJar

  Free svg background generator with lots of examples and customization options.

• Clipped Image Reveal on Hover

  Neat effect to reveal an image clipped by text on hover.

• Asteroids

  Beautiful CSS illustration by Oscar Salazar.

• Customize your SVG house!

  Animate the SVG with the sliders! For best experience use Chrome.

• Gradient Kaleidoscope

  Awesome CSS kaleidoscope effect by animating backgrounds.

• Day & Night toggle

  SVG Toggle animation with GreenSock by Aaron Iker.

• Watercolor Painting with SVG Filters

  Beautiful SVG Watercolor style animation by Cassie Evans.

• Emoji Snake

  A snake game made with Emojis! Playable with keyboard or swiping on touchscreens.

• Candy Color Button Animation

  Add a little sweetness to your website with these buttons!.

• Black & White Buttons

  A collection of hover effects for black & white buttons.

• Slide Sign In/Sign Up Form

  A nice transition between sign in and sign up.

• Impossible checkbox

  Are you able to click the checkbox?.

• Thumbnail to Full Width Image Animation

  An experimental animation where an image goes from thumbnail to full width.

• Diagonal Thumbnails Slideshow

  A simple slideshow with tilted thumbnails and large titles that animate when navigating.

• Winamp skin museum

  A bit of nostalgia back to the good 'ol Winamp player days.

• nther

  A cool looking animation which visualizes the CSS :nth-child selector. .

• CSS VW Bug

  A pen to showcase the ability of drawing with CSS.

• Glowing loading indicator

  A loading indicator with a little more pizazz.

• Err

  Another cool canvas project to create a unique effect.

• Polymorphing letters

  A pen using GSAP and polymorph.js.

• Random Sprite generator

  An interestingly written sprite generator, using canvas.

• SpaceX Docking Simulator

  An interesting webapp, simulating docking to the ISS.

• Rubber Mesh Swipe Transition

  Pull and release image up or down.

• Particle Emitter

  Create colorful particles as you move the mouse.

• Cursor with String Attached

  Move your mouse and see a string following the cursor.

• Free Vector Illustrations & Animations

  Free SVG Illustrations AND Lottie Animations are available for free for personal and commercial use.

• Halftone Text Shadow Effects

  Beautiful halftone text shadow effects using CSS.

• SVG Image Sequence Masks

  Use SVG masks to reveal content with animation.

• Thumbnail to Full Width Image Animation

  An animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.

• Scroll progress bar

  Scroll progress bar.