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!

Vercel MCP Now Supports Client ID Metadata Documents

Judge declares the ENIAC patent invalid, October 19, 1973 (2019)

I ran 120B MoE models on my 32GB M1 Max using under 16 GB

Retro Nim UI – Windows 3.1 style UI toolkit

I Gave a Shakespeare AI 3 Upgrades. It Beat Stockfish

OtherWords – Explore AI Token Probabilities

For Ofelia (On Pan's Labyrinth, and Liars)

Palantir lobbied minister for NHS GP records

Claude Fable 5.2 launch offers

Claude Fable 5.2

Have your AI agent design your product screenshots

ClickHouse Managed Postgres Goes GA and Xata Acquisition

Mysterious mushroom makes people see hundreds of tiny humans

What's new in Envelox? Curious? Have a look and give it a try

Meta Muse Ember scores 36 on the Artificial Analysis, the cheapest to reach so

Trust Under Fire: How Agentic AI Tests Zero-Trust

Fable 5.2 Available in Claude Desktop

Show HN: Attentry – a local checker that reviews each edit Claude Code makes

Fable 5.2 Out

NIST Adversarial ML: Public Draft for comments-Taxonomy/terms for attacks

Anthropic launches new Claude Fable and Mythos 5.2 models

STM32 Memory Protection in Practice

A weakness could reduce chemotherapy reliance in triple-negative breast cancer

Street homeless for a year. Here is a public log (work in progress)

QUIC: A general-purpose transport layer network protocol

Show HN: Search 17 years of "What are you working on?"

Testing Claude on real-world electronics design

Claude Fable 5.2

In 2023 a Danish customer lost power for 30 minutes on average. An Estonian, 419

Claude Code memories that save the fix, not just a note

Vercel MCP Now Supports Client ID Metadata Documents

Judge declares the ENIAC patent invalid, October 19, 1973 (2019)

I ran 120B MoE models on my 32GB M1 Max using under 16 GB

Retro Nim UI – Windows 3.1 style UI toolkit

I Gave a Shakespeare AI 3 Upgrades. It Beat Stockfish

OtherWords – Explore AI Token Probabilities

For Ofelia (On Pan's Labyrinth, and Liars)

Palantir lobbied minister for NHS GP records

Claude Fable 5.2 launch offers

Claude Fable 5.2

Have your AI agent design your product screenshots

ClickHouse Managed Postgres Goes GA and Xata Acquisition

Mysterious mushroom makes people see hundreds of tiny humans

What's new in Envelox? Curious? Have a look and give it a try

Meta Muse Ember scores 36 on the Artificial Analysis, the cheapest to reach so

Trust Under Fire: How Agentic AI Tests Zero-Trust

Fable 5.2 Available in Claude Desktop

Show HN: Attentry – a local checker that reviews each edit Claude Code makes

Fable 5.2 Out

NIST Adversarial ML: Public Draft for comments-Taxonomy/terms for attacks

Anthropic launches new Claude Fable and Mythos 5.2 models

STM32 Memory Protection in Practice

A weakness could reduce chemotherapy reliance in triple-negative breast cancer

Street homeless for a year. Here is a public log (work in progress)

QUIC: A general-purpose transport layer network protocol

Show HN: Search 17 years of "What are you working on?"

Testing Claude on real-world electronics design

Claude Fable 5.2

In 2023 a Danish customer lost power for 30 minutes on average. An Estonian, 419

Claude Code memories that save the fix, not just a note

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

Comments