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!

OpenAI has, in practice, abandoned its Stargate JV

AI reads your Google Reviews and builds a landing page for your business

Mechatronic System Design(2023)

PocketOS lost their prod DB in 9s. The rules to prevent it were in the prompt

Phi Browser – local-first memory and AI that looks like Arc

The Building Block Economy

Pen Can Only Be Stolen

How HN: A natural language calorie tracker that logs to Google Sheet in terminal

Search Isn't Going Anywhere

OpenObserve Raises $10M Series A

GraphQL wasn't made for AI. But it might be one of the best ways to talk to it

Finding and Fixing 24 CVEs in WeKan

Warp's gambles its AI tool going open source will help it take on closed rivals

CKKS – Polynomials, the Canonical Embedding, and Encoding

What if you tried hard?

Stripe link-CLI: Secure one-time-use payment credentials from a Link wallet

Opus 4.7 knows the real Kelsey

Why JSON Schema matters more than ever in the age of generative AI

Show HN: Crforest – Competing-risks RSF in Python, 6× faster than R's rfSRC

Windows K2 with faster start menu, less ads and AI, to win back user trust

I got stood up by an AI agent, and tracked down its human owner in China

Why a recent supply-chain attack singled out security firms Checkmarx and Bitwa

Ghost is now a digital public good

The Design of High Performance Mechatronics(2020)

Give First, Build Right with Eric Ries

Tindie Now Owned by EETree

Address by King Charles III Before the U.S. Congress

A New Drug Concept to Treat Obesity and Type 2 Diabetes

The Emancipation of the Russia's Serfs, Part I: The Gift the Cost Everything

Laws of UX

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

Comments