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•7mo 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•7mo ago
Good
sphars•7mo ago
Your demo app on vercel is currently 404-ing
hsrambo07•7mo ago
Thanks for pointing. It's fixed now, it was some deployment bug.

Condé Nast hacked, WIRED database with 2.3M records leaked

https://databreaches.net/2025/12/25/conde-nast-gets-hacked-and-databreaches-gets-played-christmas...
1•thm•1m ago•0 comments

AI can write code. But who understands it?

https://medium.com/enrique-dans/ai-can-write-the-code-but-who-understands-it-2e28e3e12f3e
1•ktzar•10m ago•0 comments

Show HN: Chancely – Ace interviews and get hired faster with AI feedback

https://chancely.ai/
1•niliu123•12m ago•0 comments

Growing Up in "404 Not Found" (Part II): The Vanishing Nuclear City

https://vincent404.substack.com/p/growing-up-in-404-not-found-part
2•RMPR•13m ago•0 comments

Shower Thoughts

https://www.patreon.com/posts/shower-thoughts-146872033
1•todsacerdoti•13m ago•0 comments

Generative Refocusing: Flexible Defocus Control from a Single Image

https://generative-refocusing.github.io/
1•trueduke•14m ago•0 comments

Understanding the empirical law of large numbers and the gambler's fallacy

http://science-memo.blogspot.com/2016/08/empirical-law-of-large-numbers-with.html
1•northlondoner•14m ago•0 comments

Kirin 9030 Hints at SMIC's Possible Paths Toward >300 MTr/Mm2 Without EUV

https://chentfred.substack.com/p/kirin-9030-hints-at-smics-possible
2•klelatti•16m ago•0 comments

Growth Marketer

https://secure.jotform.com/253381217909966
1•aisutariVI•23m ago•1 comments

Y Combinator Store

https://ycalumni.store/
1•swatson741•25m ago•0 comments

Alternative Crypto Lending: Personal Experience and Observations

1•Oleksandrslapko•26m ago•0 comments

Building a Reliable Job Scheduler: Leases, Idempotency, and Timezone-Aware Cron

https://github.com/Spooled-Cloud/spooled-backend
1•birdculture•29m ago•0 comments

Boris Cherny (Claude Code Creator) – What Grew His Career and Building Anthropic [video]

https://www.youtube.com/watch?v=AmdLVWMdjOk
1•romenrg•31m ago•0 comments

To sign or not to sign: Practical vulnerabilities in GPG and friends [video]

https://media.ccc.de/v/39c3-to-sign-or-not-to-sign-practical-vulnerabilities-i
1•karel-3d•34m ago•1 comments

Unsatisfying Meetings? Add a Thinking Mode Selector

https://medium.com/analysts-corner/unsatisfying-meetings-add-a-thinking-mode-selector-63d8668b1111
1•royklein•36m ago•0 comments

Show HN: ProfileHunt – Portfolio builder for product managers

https://profilehunt.in/
2•srinivas3651•36m ago•0 comments

The Breath Between Thoughts

https://rodgercuddington.substack.com/p/the-breath-between-thoughts
1•freespirt•39m ago•0 comments

Measuring out-of-sync clocks on the Internet

https://alexsci.com/blog/clock-skew/
1•todsacerdoti•43m ago•0 comments

Ask HN: Could someone kindly spare me an invite to Lobste.rs?

1•debayande•43m ago•1 comments

LSFG-VK: Vulkan layer for frame generation via lossless scaling

https://github.com/PancakeTAS/lsfg-vk
2•sibellavia•50m ago•0 comments

AI Is a Scam, but Don't Let That Spoil Machine Learning

https://gardinerbryant.com/ai-is-a-scam-but-dont-let-that-spoil-machine-learning/
3•chartered_stack•52m ago•1 comments

A tool that reconstructs real UIs from screen recording (not screenshot-to-code)

https://www.replay.build/
2•ma1or•53m ago•1 comments

Beads vs. Agent Hive: Who Stole Who's Take on AI Agent Memory

https://twitter.com/intertwineai/status/2005554519908737117
1•intertwiner•54m ago•0 comments

Show HN: I built an AI-based image-to-Excel tool to avoid re-typing tables

https://jpg2excel.app
1•owoamier•55m ago•0 comments

Uzbekistan's nationwide license plate surveillance system

https://techcrunch.com/2025/12/23/inside-uzbekistans-nationwide-license-plate-surveillance-system/
1•dmitrygr•55m ago•0 comments

Inverting the interface: design, personal agents, and the post-brand world

https://pianabianco.com/inout/inverting-the-interface-design-personal-agents-and-the-post-brand-w...
1•kurren•58m ago•1 comments

Orbital Compute

https://twitter.com/princeofprawns0/status/2005551417403265481
2•printerlover•1h ago•1 comments

Ask HN: How Do I Find an Angel Investor to Support My Startup?

1•Lordarminius•1h ago•0 comments

Show HN: NotebookLM Tools – Chrome ext to manage notebooks, sources, languages

https://chromewebstore.google.com/detail/notebooklm-tools/hiibkpjljigehlnnecbgehkhfibmahjn
1•trungpv1601•1h ago•0 comments

2025: That's a Wrap and Here Are the Stats

https://www.backblaze.com/blog/2025-thats-a-wrap-and-here-are-the-stats/
2•piqufoh•1h ago•0 comments