• We're shutting down bleech.io

  Since 2014 we posted daily tech inspiration on bleech.io. On 8th February 2021, we decided to discontinue the website with immediate effect.

• CSS Physical Toggle Checkbox

  A fun toggle checkbox with physical 3d effect.

• Terrain

  Interactive 3d terrain generated with Javascript.

• CSS only interactive die

  Click to turn it!.

• Generative Island Groups

  Generative Island groups using svgs built in Perlin noise generator (feTurbulance).

• Harry Potter Spells

  Cast Harry Potter spells in your browser!.

• Microwave the Match

  Have you ever put a match into a microwave and turned it on? Now you can from the comfort of your computer.

• Glitchy Synthwave SVG Sun

  Cool retro SVG animation.

• Cyberpunk Slack Skin

  In 2077 my app was voted to be the best place for work.

• Creepy shader effect

  A creepy shader effect that could be used for a horror game.

• Perlin noise flowfield generation

  An almost random pattern generation algorithm that can make cosy background pictures.

• Bauhaus Pattern Generator

  A generator for Bauhaus patterns, which exports as an SVG.

• Industrialization animation

  A CSS animation of a factory, animated in a similar fashion to the popular youtube channel Kurzgesagt.

• CSS Flower

  A css animation that resembles a flower at times.

• Coding bat

  Warm up coding excercises in Java and Python.

• SVG Masking on Scroll

  Liquid SVG masking on scroll.

• Horizontal Scroll Gallery

  Horizontal scroll gallery with Locomotive Scroll.

• Font pairing made simple

  Generate font combinations with deep learning.

• Chameleonic Header

  Header that changes its style on scroll to match the color theme of the underneath section.

• On-Scroll Letter Animations

  A small set of examples showing how letters can be animated on scroll.

• Magnetic Buttons Animation

  Buttons follow mouse cursor as you hover it.

• Infinite Auto-Scrolling Gallery

  Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders.

• Pixel rainbow

  Cool Pixel rainbow effect made with pure css.

• Turn Emojis Into Favicons

  Did you know you could use emojis as favicons? Here is a tool to stub out the HTML.

• Netflix Intro

  Netflix Intro Animation Pure CSS.

• Website styled like Mac OS

  Interesteing OS-like website design.

• Fluid Typography

  Neat way of implementing fluid font sizes.

• Screenshot.Rocks

  Create beautiful browser & mobile mockups in seconds.

• Simpleicon

  Free SVG icons for popular brands.

• Recreating a Dave Whyte Animation

  Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.