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!

AFK – Command center for teams running coding agents

Show HN: Defcon and HN, the only two audiences I might find

Flesh Eating Bacteria Kills 5 in Louisiana

Title 7 Disparate Impact Liability Makes Almost Everything Presumptively Illegal

JDK 28 EA Build 10 Now Available with JEP 401: Value Objects (Preview)

Open Paper – Attention Is All You Need

Show HN: Faaah – Filesystem as an AI Handler

Depression has tripled in the last 15 years. Arthur Brooks about the cause

I built a client-side HEIC converter using WebAssembly

GPT-4 finished training four years ago today

Dithered QR Codes

Big Tech Changed Health Care. The System Must Keep Up

Show HN: VD – TUI Password Manager and OTP Authenticator for Unix

Ask HN: If Social network is created today, what do you want to see?

The Fool (Tarot Card)

How AI is breaking the British State

You can build an AI agent's memory layer with only Go's standard library

Google DeepMind enters a new era as co-founder Demis Hassabis shifts AI role

Ask HN: Why is Open POWER Foundation a wasteland?

My server is a phone now

Show HN: Try Benzi – A coding harness/agent beating Claude Code itself on Sonnet

Show HN: iPhone app takes simultaneous images from 2 lenses, fuses into 1 photo

How to Handle a Difficult Colleague

Should you stop cracking your knuckles?

Confessions of a Democratic Socialist [video]

Shopify replaced Redis with MySQL for inventory reservations–and it scaled

How Can LLM RL Work Despite Information-Theoretic Inefficiency

Show HN: Turn tweets into beautiful, shareable photos

Show HN: ExpertCache – Run the Full GPT-OSS 120B (63GB) on a 16GB M1 Pro

Show HN: Inertia – Not your Grandfathers animation editor

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

Comments