frontpage.
newsnewestaskshowjobs

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

Show HN: macOS Native Markdown Reader with Vim Keybinding Using Swift

https://code.intellios.ai/cwmarkdown/
1•coolwulf•3m ago•0 comments

Projection: A JJ Workflow for splitting public and private files

https://vihren.dev/blog/20260625-jj-public-private-workflow/
1•neprotivo•4m ago•1 comments

Show HN: Add visualisations to your data MCP in a few lines of code

https://github.com/bonnard-data/mcp-charts
1•maxmealing•4m ago•0 comments

Show HN: Timefeed – Auto sync public events to your calendar

https://timefeed.ai
1•aaadult•4m ago•0 comments

Show HN: Ask the Grid: Query a live map of the Texas power grid

https://askthegrid.com/ercot
1•jameswlepage•5m ago•0 comments

DeviceSDK – TypeScript for IoT Devices

https://github.com/device-sdk/devicesdk
1•G4brym•5m ago•0 comments

Will AI keep us stuck in 2020 architectures?

https://sagenschneider.blogspot.com/2026/06/will-ai-keep-us-stuck-in-2020.html
2•sagenschneider•6m ago•1 comments

Is mid-tier US knife manufacturing worth the markup?

https://www.paragon-knives.com/
1•bgzlsxaz•7m ago•0 comments

Microsoft to assist European Commission in defense of EU-US data-sharing

https://www.theregister.com/networks/2026/06/29/microsoft-to-assist-european-commission-in-defens...
1•jjgreen•7m ago•1 comments

I let an AI agent run my SEO site. It broke things. I published the bugs

https://tokenmaxxing.com/how-this-site-runs-itself
1•tremblinglemon•12m ago•0 comments

TrophyLab – Shared space for enemy weapons research

https://trophylab.mod.gov.ua/en/
2•enragebait•12m ago•0 comments

Supreme Court restricts use of geofence warrants

https://www.npr.org/2026/06/29/nx-s1-5844697/supreme-court-restricts-use-of-geofence-warrants
2•CharlesW•12m ago•1 comments

Low-cost Chinese AI models like DeepSeek gain traction in the U.S.

https://restofworld.org/2026/when-americans-choose-chinese-ai/
1•speckx•12m ago•0 comments

From Brain Waves to Words: Brain2Qwerty Offers a New Path to Communication

https://ai.meta.com/blog/brain2qwerty-brain-ai-human-communication/?_fb_noscript=1
1•tilt•13m ago•0 comments

We built FRQ-NC, your personalized podcast

https://frq-nc.com/
1•FRQ-NC•15m ago•0 comments

WSJ Article Claiming China Has Matched Anthropic Is Obvious Nonsense

https://thezvi.substack.com/p/wsj-article-claiming-china-has-matched
4•7777777phil•16m ago•1 comments

KEDA Audit Complete

https://ostif.org/keda-audit-complete/
1•helenOSTIF•19m ago•0 comments

Building AI Agents in Ruby with the Anthropic SDK

https://nsinenko.com/rails/ai-agents/architecture/2026/06/09/building-ai-agents-ruby-anthropic-sdk/
1•nikita-ruby•20m ago•0 comments

Neocolonialism

https://en.wikipedia.org/wiki/Neocolonialism
2•1equalsequals1•20m ago•0 comments

Notes from Bryan Cantrill's "Intelligence Is Not Enough"

https://blog.jim-nielsen.com/2026/intelligence-isnt-enough/
1•Brajeshwar•22m ago•0 comments

US Supreme Court rejects Trump's unprecedented bid to fire Fed's Cook

https://www.reuters.com/world/us-supreme-court-rejects-trumps-unprecedented-bid-fire-feds-cook-20...
3•kaycebasques•22m ago•0 comments

AI models' values are different from most people's

https://www.economist.com/briefing/2026/06/25/ai-models-values-are-very-different-from-most-peoples
2•andsoitis•22m ago•0 comments

AI Accountability in Justice and Medicine – Ethics and EU AI Act

https://neuralcoretech.com/ai-accountability-justice-medicine/
1•neuralcoretech•22m ago•0 comments

An agent opened this pull request. Nobody asked it to

https://www.marcoziccardi.com/blog/ai-agents-open-pr-autonomously
1•marcoziccardi•23m ago•0 comments

Distributism

https://en.wikipedia.org/wiki/Distributism
2•supermdguy•25m ago•1 comments

Universal Basic Income

https://en.wikipedia.org/wiki/Universal_basic_income
3•andsoitis•25m ago•0 comments

WATaBoy: JIT-Ing Game Boy Instructions to WASM Beats a Native Interpreter

https://humphri.es/blog/WATaBoy/
7•energeticbark•26m ago•0 comments

It's Linux, on a Sega Genesis

https://hackaday.com/2026/06/29/its-linux-on-a-sega-megadrive/
2•HardwareLust•26m ago•1 comments

WebGL Without a GPU

https://microlink.io/blog/webgl-without-a-gpu
6•Kikobeats•26m ago•2 comments

Rejection Emails Should Be Written Like Error Messages

https://landedstar.com/blog/posts/rejection-emails-should-be-written-like-error-messages/
3•lifefeed•27m ago•0 comments