frontpage.
newsnewestaskshowjobs

Made with ♥ by @iamnishanth

Open Source @Github

fp.

Open in hackernews

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

https://www.npmjs.com/package/hover-effects-ts
6•hsrambo07•11mo ago
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!

Comments

Sayyidalijufri•11mo ago
Good
sphars•11mo ago
Your demo app on vercel is currently 404-ing
hsrambo07•11mo ago
Thanks for pointing. It's fixed now, it was some deployment bug.

Cloudflare is laying off 1,100 employees to prepare for 'the agentic AI era'

https://www.businessinsider.com/cloudflare-announces-1100-layoffs-amid-ai-focus-shift-2026-5
2•cdrnsf•2m ago•0 comments

Show HN: Kill-The-Backlog, self-hosted background agents

https://github.com/jvaill/Kill-The-Backlog
3•jvaill•2m ago•0 comments

As Russia Expands Internet Blackouts, Kremlin Tells Citizens to Use the Radio

https://united24media.com/latest-news/as-russia-expands-internet-blackouts-kremlin-tells-citizens...
2•hkmaxpro•6m ago•0 comments

Nonprofit hospitals spend billions on consultants with no clear effect

https://www.uchicagomedicine.org/forefront/research-and-discoveries-articles/nonprofit-hospitals-...
2•hhs•7m ago•0 comments

Mirror Neuron

https://en.wikipedia.org/wiki/Mirror_neuron
2•kristianpaul•7m ago•0 comments

Agentic Artificial Intelligence in Finance

https://arxiv.org/abs/2604.21672
2•nhatcher•8m ago•0 comments

CSP2XSS: Vulnerability in Next.js App Router

https://aisafe.io/blog/csp2xss-nextjs-vulnerability
2•adragos_•8m ago•0 comments

America's Math Crisis

https://time.com/article/2026/05/05/america-math-crisis/
2•paulpauper•10m ago•0 comments

Writers Are Going to Extremes to Prove They Didn't Use AI

https://www.wsj.com/tech/ai/writers-are-going-to-extremes-to-prove-they-didnt-use-ai-46e7c3f7
3•paulpauper•10m ago•1 comments

Let Me Convince You to Be Prolific

https://3quarksdaily.com/3quarksdaily/2026/05/let-me-convince-you-to-be-prolific.html
2•herbertl•11m ago•0 comments

Show HN: Unofficial real-time tracker for the MV Hondius hantavirus outbreak

https://hantavirus-production.up.railway.app/
2•BreRoz•11m ago•0 comments

HTTP/3 over QUIC in Node.js

http://www.jasnell.me/posts/quic-part-4
2•rglover•12m ago•0 comments

I am done trying to fit in

2•ycosynot•13m ago•0 comments

New security vulnerabilities disclosed in Next.js (patches released)

https://github.com/vercel/next.js/releases/tag/v16.2.6
2•umaar•15m ago•0 comments

MIT Canvas goes down after cybercrime group breaches Instructure

https://thetech.com/2026/05/07/canvas-breach-26
2•testfoobar•16m ago•0 comments

Cloudflare stock sinks after earnings; cuts 1,100 employees due to AI changes

https://www.cnbc.com/2026/05/07/cloudflare-net-q1-2026-stock-earnings-layoffs.html
2•choult•17m ago•1 comments

Why Are All LLMs Obsessed with Japanese Culture?

https://arxiv.org/abs/2604.21751
2•geox•18m ago•0 comments

OpenZL v0.2.0

https://github.com/facebook/openzl/releases/tag/v0.2.0
2•pella•19m ago•0 comments

David Attenborough turns 100: his legacy, from science to storytelling

https://theconversation.com/as-david-attenborough-turns-100-four-experts-explore-his-legacy-from-...
3•mellosouls•21m ago•0 comments

Octonous Open Beta: What We've Learned and Where We're Going

https://blog.mozilla.ai/octonous-open-beta-what-weve-learned-and-where-were-going/
2•prismatic•22m ago•0 comments

Krabby: Making a Fast Rust Compiler

https://bal-e.org/speed/krabby/
2•birdculture•27m ago•0 comments

OpenClaw Had a Rough Week

https://openclaw.ai/blog/openclaw-rough-week
3•kevincortes•28m ago•0 comments

China's youth are ditching the rat race

https://www.cnn.com/2026/05/06/china/china-spies-lying-flat-intl-hnk
3•rawgabbit•29m ago•1 comments

Local autonomous security agent powered by Qwen 2.5-7B on Kali Linux

https://github.com/XENOCOREGIGER31/local-model
2•automajicly•35m ago•1 comments

Model-Harness-Fit

https://nicolasbustamante.com/blog/model-harness-fit
2•azhenley•38m ago•0 comments

Canvas (Instructure) LMS Down in Ongoing Ransomware Attack

https://www.theverge.com/tech/926458/canvas-shinyhunters-breach
24•stefanpie•39m ago•2 comments

Hackers deface school login pages after claiming another Instructure hack

https://techcrunch.com/2026/05/07/hackers-deface-school-login-pages-after-claiming-another-instru...
6•Veiled•47m ago•1 comments

AWS gives AI agents wallets to pay for APIs and web content

https://aws.amazon.com/blogs/machine-learning/agents-that-transact-introducing-amazon-bedrock-age...
5•logickkk1•51m ago•0 comments

Canvas hack shuts down operations at UW-Madison, worldwide

https://www.dailycardinal.com/article/2026/05/canvas-hack-shuts-down-operations-at-uw-madison-wor...
5•isaacdl•53m ago•0 comments

Why Don't Lowercase Letters Come Right After Uppercase Letters in ASCII?

https://tylerhillery.com/blog/why-dont-lowercase-chars-come-after-upper/
6•alpaylan•55m ago•0 comments