• unavatar

  Determinate the user avatar from multiple social providers.

• Kinetic slider

  A fully customizable webgl slider based on PixiJs and Gsap.

• Neumorphism.io

  Generate Soft-UI CSS code.

• Stacking Cards Effect

  A scroll effect using CSS sticky position and the Intersection Observer API.

• Dark Mode CSS

  Quick and Easy Dark Mode with CSS Custom Properties.

• iHateRegex

  A regex cheatsheet helping with common use cases.

• Tiny Helpers

  A collection of free single-purpose online tools for web developers.

• UI Interactions & Animations Roundup #2

  Some selected shots of great UI interactions and animations for your inspiration.

• The CSS Cascade

  Or, How browsers resolve competing CSS styles.

• Flow Fields

  Generative Art Using Particle Simulation. .

• Multi-line gradient links

  Learn how to create these beautiful gradient hovers.

• Shake.ttf

  A typeface raising awareness around parkinson's disease. .

• Glitch Brush

  A funny web tool for "glitching" your images.

• 2020 Creative Trends

  Explore the data-driven design trends based on searches on Shutterstock.

• Expanding Grid Menu

  Great page transitions with CSS Grid.

• CSS Particles Button

  Click the button and the particles spray out.

• Image Accordion with CSS3

  A css-only image accordion with 'click' events.

• SVG Birds

  Make your website enganging and vibrant with animated SVGs.

• 3D cubes

  3D cubes built and animated with CSS.

• Awesome Animate.css

  Easily animate any element with only one line of code!.

• Image Unroll Effects with Three.js

  Demo for various image unrolling effects with Three.js.

• Egghead in space

  An omlette going to new heights.

• Vivify animation library

  A collection of animations which look like magic.

• CSS Pixel art tutorial

  A step by step tutorial how to create little pictures with css.

• CSS Pokemon bubble

  An interactive pokemon bubble with css and javascript.

• Pure css painting

  Pure css painting, which looks a little different in IE.

• Flappy bird in p5.js

  Flappy bird built with canvas in p5.js, as illustrated by the coding train. https://youtu.be/cXgA1d_E-jY.

• Pure CSS Lighthouse animation

  Pure CSS animation, showing how far you can go with just CSS.

• Create the Apple Fifth Avenue Cube in WebGL

  Re-create the Apple Fifth Avenue Cube animation using WebGL.

• Password Input Light

  Password Input Light.