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!

The Lost Art of Preparing Your Own Meals

Node.js 26.7.0

$1.4B tower build for Atlassian hybrid workforce

YouTube is on a major decluttering mission

Is Longevity a $1.2 Quadrillion Opportunity?

We're not done with point clouds

OpenAI COO Resigns

Euclidean affine functions and their application to calendar algorithms

To be a better programmer, write little proofs in your head

Show HN: Get an email when Dario Amodei (or 230 others) gives an interview

Show HN: Cut LLM turns in MCP interactions by 75%+

.com now accounts for less than 48% of YC portfolio company domains

4,099 Qubits: The Myth and Reality of Breaking RSA-2048 with Quantum Computers

Boundaryguard – detect invisible Unicode/Trojan Source attacks in CI

Lightweight, zero-build reactivity library build for MPA's

Procedural Pixel-Art Grass in Rust and WebGPU

DFlash changes what tokens per second means

Nix didn't hang it was evaluating the world

CoreWeave edges past quarterly revenue estimates

The FastLanes Unified Transport Layout

Google's Gemini app surges to one billion users

Becoming physically immune to brute-force attacks (2021)

3D Interactive Map of the Silicon Valley

Bumble gives up on women making the first move

uBlock Origin no longer supporting Facebook

My agent hacked my gym

Previous-Token Prediction Based LLM Near-Exact Prompt Reconstruction

Show HN: LidAwake – Keep your Mac awake with the lid closed (200 lines of Swift)

Tiled Rasterization for Large DOM Captures

Introducing Grok Bot

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

Comments