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.

Volvo Is Bringing Native Apple Music to over Two Million Cars

https://insideevs.com/news/800822/volvo-cars-native-apple-music-software-update/
1•01-_-•1m ago•0 comments

The scientists trying to refreeze the Arctic

https://www.theguardian.com/environment/2026/jun/16/arctic-sea-ice-rethickening-climate-geoengine...
1•geox•1m ago•0 comments

Show HN: Rama 0.3 release (5 years in the making)

https://plabayo.tech/blog/rama-0-3
1•gdcbe•2m ago•0 comments

Show HN: Traceval

2•ramkm•2m ago•0 comments

RestoreKit: Recover a Mac in one click from any platform

https://github.com/fcjr/restorekit
2•fcjr•3m ago•1 comments

The (Petty) Reason We Didn't End Up Using Jj

https://blog.gradle.org/the-petty-reason-we-didnt-end-up-using-jj-at-gradle
2•birdculture•4m ago•0 comments

Show HN: I wrote a 1-bit WebGPU runtime to run a 1.7B LLM in the browser

https://aidekin.com/
2•stfurkan•5m ago•0 comments

Reintroducing John Witherspoon: Interstate Relations in Revolutionary America [pdf]

https://isonomiaquarterly.com/wp-content/uploads/2025/07/totten-l-s-2.pdf
2•brandonlc•5m ago•1 comments

Show HN: Humanize – Best static AI text humanizer, based on 50 research papers

https://github.com/harshaneel/humanize
2•gokhalh•6m ago•0 comments

The Bizarre Flaw in the New Orleans Levees

https://practical.engineering/blog/2026/7/7/the-bizarre-flaw-in-the-new-orleans-levees
3•chmaynard•6m ago•0 comments

B.C. 'preparing legal action' against OpenAI

https://www.cbc.ca/news/canada/british-columbia/bc-attorney-general-legal-options-tumbler-ridge-9...
2•ethanplant•7m ago•0 comments

British 'First Fleet' brought smallpox to Australia–and may have killed millions

https://www.science.org/content/article/british-first-fleet-brought-smallpox-australia-and-may-ha...
2•Brajeshwar•7m ago•0 comments

CNN and CNBC promote gambling to make a cheap buck

https://werd.io/cnn-and-cnbc-promote-gambling-to-make-a-cheap-buck/
3•edward•7m ago•0 comments

The foundational elements of AI architecture that IT leaders need to scale

https://www.technologyreview.com/2026/07/07/1139413/the-foundational-elements-of-ai-architecture-...
2•joozio•7m ago•0 comments

Sure, Your Claude Is Doing Things. Prove It

https://runme.dev/blog/runme-eval
2•sourishkrout•9m ago•0 comments

Life with Hazard Ratios

https://dynomight.net/hazard-ratios/
2•Curiositry•10m ago•0 comments

I have an interesting idea to reduce the output tokens almost by fifty percent

2•Brajesh2022k•11m ago•0 comments

I have an interesting idea to reduce the output tokens almost by fifty percent

2•Brajesh2022k•11m ago•0 comments

Show HN: FlowHook – a file watcher that knows if your build passed or failed

https://github.com/etcoder-642/FlowHook
2•mnsrealx•13m ago•0 comments

Automated Moderation Is Here to Stay

https://www.eff.org/deeplinks/2026/07/part-1-automated-moderation-here-stay
2•hn_acker•13m ago•0 comments

New Literalism Comes for Museums

https://jaymollica.com/blog/new-literalism-comes-for-museums/
2•thebigship•14m ago•0 comments

Canada to buy 12 hi-tech German submarines after bidding war

https://www.theguardian.com/world/2026/jul/06/canada-buys-12-tkms-german-norwegian-submarines-aft...
4•mpweiher•15m ago•0 comments

Amor Fati Entropy

https://hollisrobbinsanecdotal.substack.com/p/amor-fati-entropy
2•jger15•16m ago•0 comments

Sergey Brin and 11 other billionaires and tech elite against California's Tax

https://www.businessinsider.com/california-billionaire-tax-donations-names-list-sergey-brin-2026-7
4•baranul•17m ago•0 comments

Show HN: Type any business name, get a real website in 60 seconds

https://fivedaylaunch.com/instant
2•nareshclaude•18m ago•0 comments

Biff.graph: structure your Clojure codebase as a queryable graph

https://github.com/jacobobryant/biff/tree/v2.x/libs/graph
2•jacobobryant•21m ago•0 comments

Beating a text-to-SQL benchmark: can you get better than plain Claude?

https://motley.ai/blog-posts/bird-interact-benchmark-top-score/
2•yannranchere•25m ago•0 comments

Show HN: Baerly-storage, a document DB that runs per request, no DB server

https://github.com/Gusto/baerly-storage
9•baerbaerbaer•26m ago•0 comments

Mapping homes you can buy from the US government for <$100k

https://govauctions.app/research/cheapest-homes-in-america
22•player_piano•27m ago•18 comments

Show HN: Tracking GenAI cost and endpoint fragility so app teams don't have to

https://llmintel.ai/demo
2•ATsimbalistov•30m ago•0 comments