# Tw-fade

5 Hacker News commenters recommended Tw-fade and 7 criticized it, November 2025 to November 2026. It was recommended in 2 of 13 months.

**Verdict:** People recommend it as a pure CSS take on edge fading, using masking and scroll-driven animations. Critics report lag, browser failures, and no fade when content barely overflows.

## Why people recommend it

- Pure CSS masking with scroll animations (1 comments): "turns out you can do a lot better with pure CSS now by leveraging masking + the new CSS scroll animations API" ([source](https://news.ycombinator.com/item?id=48631303))

## What people warn about

- Laggy or slow scrolling (3 comments): "This has a frame drop issue on Chrome Version 149.0.7827.156. It isn't close to smooth on my browser." ([source](https://news.ycombinator.com/item?id=48675661)) "scrolling this page is slow as balls on my computer" ([source](https://news.ycombinator.com/item?id=48675522)) "This is extremely laggy on my computer." ([source](https://news.ycombinator.com/item?id=48675939))
- No fade when overflow is tiny (2 comments): "The only slight issue I had is that if there's a tiny amount of overflow, you basically don't get to see the fade" ([source](https://news.ycombinator.com/item?id=48772719)) "It looks like it only works if there is something partially shown." ([source](https://news.ycombinator.com/item?id=48678450))
- Broken in Chrome, Edge, Safari (2 comments): "Doesn't seem to work in current Chrome or Edge." ([source](https://news.ycombinator.com/item?id=48678901)) "completely bugged out on mobile Safari" ([source](https://news.ycombinator.com/item?id=48679390))

## Alternatives hackers recommend

- [Tailwind CSS](https://hackerapproved.com/p/tailwind-css.md): 387 recommend
- [Bootstrap](https://hackerapproved.com/p/bootstrap.md): 73 recommend
- [98.css](https://hackerapproved.com/p/98-css.md): 42 recommend
- [Oat HTML UI component library](https://hackerapproved.com/p/oat.md): 29 recommend
- [DaisyUI](https://hackerapproved.com/p/daisyui.md): 22 recommend

## Cite as

Hacker Approved, "Tw-fade", https://hackerapproved.com/p/tw-fade/ (counts from 1,795,640 Hacker News comments, November 2025 to November 2026).
