frontpage.

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 effects GPU-accelerated and controllable. No dependencies, and devs can tweak intensity, radius, image scope, and more.

NPM: https://www.npmjs.com/package/hover-effects-ts Live demo (Vercel): https://hover-effects-ts.vercel.app Video demo: https://youtu.be/YO4R1A6JZ9U GitHub: https://github.com/hsrambo07/hover-effects X/Twitter post: https://x.com/harsh_logs/status/1924739860780519579

Would love feedback, bug reports, or effect ideas. It's still early – planning to add a few more visual modes and expose more dev controls.

Thanks for checking it out!

A multiplayer poll where you have 10 seconds to answer

Did the Soviets Collude in the 1953 Candidates Tournament?

Docker Containers Are Leaking (and How to Plug the Hole)

Engineering Recovery

Mark Zuckerberg Told 8k Employees Their Layoffs Are a Line Item in AI Bill

60fps Video on a CGA? – The GlyphBlaster

Xi's Forever Purge

Physics experiment hints at the existence of 'anyon' particles

Catatumbo Lightning

Deskbrid – Linux desktop control over a Unix socket, for agents and scripts

Kendrick Lamar to an Italian Poet

24/7 AI-powered radio station. Generates music, writes hosted breaks,speaks them

New York Stock Exchange to open private members' club on Wall Street

Abbey Library of Saint Gall

Maryland Power Bills: $1.6B Data Center Subsidy

I built a private memory system for remembering people

FreeBSD Pkgbase Minor Upgrades

A Framework of Modular Structure – Made Visible Through Representations

Kryptor – Simple, modern, secure file encryption and signing tool

Why Apple Is Launching a Touchscreen MacBook [video]

VBM – a VTT that feels like Saturday night at the game table

Endo: JavaScript plugin framework with built-in supply chain attack resistance

In CRHQ, agents don't just reply with text. They ship live HTML artifacts

Swift bricks to be installed on all new buildings in Scotland

React-AI-stream – back end-agnostic SSE streaming hook for React

Reducing TTFT by CPUMaxxing Tokenization

Kit that converts film to digital

Implementation Details of Codex /Goal

Nocturne Is the Latest Music Player for Gnome to Hit v1.0

Canvas Breach Disrupts Schools and Colleges Nationwide

Show HN: Hover Effects TS – ASCII, Lego, and glitch hover effects using canvas

Comments