Tw-fade
Ranked 11 of 11 CSS frameworks by recommenders
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.
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.
12 people gave an opinion
- recommend it
- 5
- criticize it
- 7
- approval share
- 42%
Recommended in 2 of 13 months
- November 2025: not recommended
- December 2025: not recommended
- January 2026: not recommended
- February 2026: not recommended
- March 2026: not recommended
- April 2026: not recommended
- May 2026: not recommended
- June 2026: recommended
- July 2026: recommended
- August 2026: not recommended
- September 2026: not recommended
- October 2026: not recommended
- November 2026: not recommended (month in progress)
Why it doesn’t carry the badge
- 5 people recommend itNeeds 10 or more, not met.
- 0.7 recommenders for every criticNeeds 2 to 1 or better, not met.
- Recommended in 2 of 13 monthsNeeds 4 or more, not met.
The same three rules apply to every product, and the badge can’t be bought. How the badge works
What people say about it
The reasons people give, with the number of comments that give each one. Open a reason to read what they said.
Why people recommend it
Each mark is one comment
Pure CSS masking with scroll animations
“turns out you can do a lot better with pure CSS now by leveraging masking + the new CSS scroll animations API”
Comment from 22 Jun 2026 in “Tw-fade: pure CSS scroll-driven edge masking”
What people warn about
Each mark is one comment
Laggy or slow scrolling
“This has a frame drop issue on Chrome Version 149.0.7827.156. It isn't close to smooth on my browser.”
Comment from 25 Jun 2026 in “Tw-fade: pure CSS scroll-driven edge masking” “scrolling this page is slow as balls on my computer”
Comment from 25 Jun 2026 in “Tw-fade: pure CSS scroll-driven edge masking” “This is extremely laggy on my computer.”
Comment from 25 Jun 2026 in “Tw-fade: pure CSS scroll-driven edge masking” No fade when overflow is tiny
“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”
Comment from 3 Jul 2026 in “Tw-fade: pure CSS scroll-driven edge masking” “It looks like it only works if there is something partially shown.”
Comment from 25 Jun 2026 in “Tw-fade: pure CSS scroll-driven edge masking” Broken in Chrome, Edge, Safari
“Doesn't seem to work in current Chrome or Edge.”
Comment from 25 Jun 2026 in “Tw-fade: pure CSS scroll-driven edge masking” “completely bugged out on mobile Safari”
Comment from 25 Jun 2026 in “Tw-fade: pure CSS scroll-driven edge masking”
Other CSS frameworks people recommend
The four most recommended other CSS frameworks, with the same counts for each, so you can compare like for like. The tick on each bar marks the 2 to 1 line the badge needs.
| Product | Recommend | Criticize | Approval | Months | Owned | Badge |
|---|---|---|---|---|---|---|
| Tailwind CSS | 387 | 234 | 62% | 12 | 5 yrs6 owners | — |
| Bootstrap | 73 | 40 | 65% | 11 | — | — |
| 98.css | 42 | 4 | 91% | 4 | — | Approved |
| Oat HTML UI component library | 29 | 11 | 73% | 2 | — | — |
| Tw-fadeThis page | 5 | 7 | 42% | 2 | — | — |
What people said
11 of the 12 comments that mention it, newest first. Each links to the original comment.
“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”
“completely bugged out on mobile Safari”
“Doesn't seem to work in current Chrome or Edge.”
“It looks like it only works if there is something partially shown.”
“aren't anything at all, just terms that are all adjacent to "fade" which can be selected for some reason”
“would never install something like this as a package”
“This is extremely laggy on my computer.”
“arrow keys don't work, pgdown doesn't work”
“This has a frame drop issue on Chrome Version 149.0.7827.156. It isn't close to smooth on my browser.”
“scrolling this page is slow as balls on my computer”
“turns out you can do a lot better with pure CSS now by leveraging masking + the new CSS scroll animations API”
Counts come from 1,795,640 Hacker News comments, November 2025 to November 2026. How we count. Report a mistake.