Alternatives

Products that do what Hover Effects TS – ASCII, Lego, and glitch hover effects using canvas does

Hey HN, I recently built a small TypeScript utility called `hover-effects-ts` — it adds fun and experimental hover effects to images using the HTML canvas. You can apply effects like ASCII art, Lego blocks, glitch distortion, and pixelation on hover. The goal was to break away from boring `:hover` transitions and bring some delightful visual feedback to personal websites, landing pages, or error screens — while keeping it lightweight and performance-friendly. Why I built it: I found most image hovers visually bland, and wanted something weird but still dev-friendly. I used canvas to keep the…

1. 1
   Gradient Buttons▲171

   Beautiful buttons with hover animations

   2017

2. 2
   Hover States▲135

   New, interesting, and weird in web and design

   2016

3. 3
   Blotter.js▲243

   A JavaScript API for unconventional text effects on the web.

   2018

4. 4
   Hoverify▲291

   Quickly inspect element, pick colors, capture and much more

   2020

5. 5
   Marvel (iOS)▲211

   Turn Sketches Into Prototypes

   2014

6. 6IE
   Image Effects with CSS▲203

   2016 · bennettfeely.com

7. 7
   Hover Preview▲119

   Preview your HTML elements on Hover VsCode

   2024

8. 8
   Aseprite▲116

   Animated sprite editor and pixel art tool

   2017

9. 9
   SquareKicker Scrolling Animation Effects▲78

   Enable Scrolling Effects on Squarespace with No-Code

   2022

10. 10
    Izmir▲110

    Build beautiful custom image hover animations

    2019

11. 11
    Composite▲71

    Make your photoshops prototypes interactive!

    2013

12. 12
    Chrome Experiments▲137

    Showcase of web experiments written by creative coders

    2015

13. 13
    Bugpilot▲94

    Turn errors, DOM, + screenshots into an AI-ready Markdown

    Jun 2026

14. 14
    Claude Code Rendering▲141

    Mouse support and flicker-free rendering for Claude Code

    Apr 2026

15. 15
    Particle Studio▲96

    Transform Static Images Into Dynamic Particle Experiences

    12d ago · particle-studios.vercel.app

16. 16
    Readymag Shots▲76

    Create a sequence of shots, play them on scroll or on hover

    2020

17. 17
    tsParticles▲16

    A lightweight TypeScript library for creating particles

    2020

18. 18RD
    React-Designer – Editable Vector Graphics in React Components▲38

    2016 · fatiherikli.github.io

19. 19CP
    CSS-powered hover-animations library▲6

    Hello, I've created a CSS-library called sunset.css. If offers a collection of (hopefully) useful CSS-powered hover-animations and also some animations that react to clicks instead. It's my first open-source project so I try to make everything right: * I created a npm-project so it is available on npmjs and CDNs * I created a public github-repository with a wiki for documentation * I created a landing page to show off the animations I'd love to here some feedback about all of this! :) Here are the links: https://github.com/philippwilhelm/sunset.css…

    2021

20. 20SS
    SNES Style Canvas Effects▲18

    2016 · briandgls.github.io

21. 21VM
    VoxLords – My latest WebGL Chrome Experiment▲32

    2015 · chromeexperiments.com

22. 22MF
    My Fast CSS Sprite Generator▲22

    I've been working on a CSS Sprite generator for a couple of weeks in my spare time. It uses HTML Canvas and JavaScript FileReader to open local images without any zipping or uploads, and tries to make the CSS generation as easy as possible. I made it because it is a tool that I wanted to have, and I am hoping to get some feedback from others now that it is functional. http://instantsprite.com

    2010

23. 23HP
    HoverCards – Preview YouTube, Twitter, Reddit, Imgur, and Instagram Links▲19

    2015 · hovercards.com

24. 24TM
    The most satisfying hover effect▲22

    2019 · mdbootstrap.com

Ranked by how close each launch is in meaning, then by votes. Refine with a description →