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