nowfound

Life & fun · May 20, 2025

HE

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

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…

Hover Effects TS – ASCII, Lego, and glitch hover effects using canvas launched on May 20, 2025 with 6 votes and more than 75% of that year's launches. The site was not reachable when checked in September 2026.

What it does

In the maker’s words, at launch

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…

Does a similar job

all alternatives →
  • Its HoverJan 2026 · itshover.com · ▲293

    Icons that move and react mirroring user intent

  • Gradient Buttons2017 · gradientbuttons.colorion.co · ▲171

    Beautiful buttons with hover animations

  • IR
    I recreated 90s Mode X demoscene effects in JavaScript and Canvas2025 · jdfio.com · ▲189

    After 25 years of writing software, I was feeling nostalgic for the kinds of things that got me into programming in the first place: the old DOS demoscene. I spent a weekend seeing if I could recapture some of that INT 13H VGA magic using today's web tech, but with the old-school constraints of doing it from scratch. The result is this portfolio of ten classic effects running in a single HTML file. It's all vanilla JavaScript writing to a element, with no external libraries. It was a fun challenge to implement things like: * The color palette cycling and smooth fading in the Plasma demo. *…

  • turn videos into ASCII art (open source, js+canvas)2024 · collidingscopes.github.io · ▲121

    This tool turns videos into ASCII pixel art. You can use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc. Github repo: https://github.com/collidingScopes/ascii It's built with javascript / html canvas. I'll be continuing to work on this, with the goal of improving performance (it can be laggy at high resolutions) and to also allow image input (turn an image into animated ASCII art). Please let me know of any feedback or suggestions!

  • Hover States2016 · hoverstat.es · ▲135

    New, interesting, and weird in web and design

  • Blotter.js2018 · blotter.js.org · ▲243

    A JavaScript API for unconventional text effects on the web.

More life & fun this month

the category →

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, May 2025

the whole month →
  • Tapflow 2.0▲1,125

    We built Tapflow for devs, designers, PMs, and tech folks who’ve been sitting on internal docs, templates, and systems — but never productized them. Upload a PDF, notes, or workshop deck, and Tapflow drafts a structured product (with chapters, teaser and pricing plans). It’s good for AI kits, onboarding guides, design systems, and frameworks. You can sell through Stripe, LemonSqueezy, or PayPal. Real-time collaboration is in early beta. No site builder, no LMS — clean design and just focused tools to ship. Fully bootstrapped and just launched on PH today →…

    Work · 2025 · tapflow.ai

  • C9

    Life & fun · 2025 · felixrieseberg.github.io

  • Appwrite 2.0 brings a new engine, a rebuilt Console, five database types, an S3 API, an OAuth 2.1 server, and organization-level Domains and Firewall.

    Dev tools · 2025 · appwrite.io

  • Perfect meeting memory in Notion

    AI · 2025 · notion.com

  • Den▲948

    Multiplayer AI agent builder

    AI · 2025 · getden.io

  • Powerful productivity on the go

    AI · 2025 · raycast.com