• One DIV Cybertruck

  A css project with only one div and tons of gradients.

• Wave Motion Effect

  Wave motion effects on images with Three.js using simplex noise.

• Animate Background of a Stroke Text

  Animate background of a stroke text.

• CSS only Direction Aware Hover Effect

  CSS only direction-aware hover effect.

• Dust Particles with CSS

  Dust Particles Animation with CSS.

• Animate Text with CSS Motion Path

  Animate the offset-distance to move the string of text along the path.

• Kinetic Slider

  Kinetic slider with rgb and displacement effects, based on pixiJs and Gsap.

• Animated Custom Cursor Effects

  Some ideas for interactive custom cursor animations using SVG filters.

• Corona+

  A more positive view on the statistics of the spread of the corona virus.

• Dynamic 3D Confetti Text

  dynamic 3D confetti text.

• Homer Simpson in HTML/CSS

  CodePen Home Homer Simpson out of HTML & CSS.

• SVG line turn and text reveal

  SVG line turn and text reveal.

• CSS Pie chart generator

  CSS Pie chart generator.

• React retro music visualizer

  React music visualizer.

• Unsubscribe game

  Win Ping Pong to unsubscribe.

• Flowfield ART | Generative

  Created this simple flowfield art generator. It generates random art every time refreshed or redrawn.

• Physics menu

  Building a Physics-based 3D Menu with Cannon.js and Three.js.

• 3D Folding Layout Technique for HTML Elements

  A tutorial on an experimental 3D layout technique for HTML elements with endless possibilities.

• Background Scale Hover Effect with CSS Clip-path

  A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.

• Line Chart With CSS

  Basic line chart with just CSS and a couple of custom properties in HTML.

• Pure CSS Landscape

  An Evening in Southwold.

• Scroll to roll

  Rolling eyes with basicScroll.

• Submit button

  Smash to submit.

• Card animation

  CSS animation with mix-blend-mode.

• Animated Slider

  Slider to grid transition .

• Shinning Text Effect

  Simple css animation.

• Color Picker Game

  Guess the color from it's rgb code.

• Bouncing Balls

  Bouncing Balls Simulator.

• Verlet

  A organic type animation.

• Gooey Image Hover Effects

  Gooey reveal hover effects on images using noise within a shader.