Nicheloom visitors: 14,106 all-time · 8,505 in the last 7 days

The opportunity tracker for new startups.

Today: 1,383 launchs · Niche of the day: document and PDF processing tools · See full report →

react-liquid-fill

Pour colour into any SVG icon with a liquid hover effect

Get picks like this daily. The day's top launches, AI/tech news, and a weekly opportunity spotlight — straight to your inbox.

This is 1 of 205 launches in ui component libraries — see how it stacks up on momentum and crowding →

220 other launches read as similar to this one →

Details

External ID
1277726
Source
PH
Company
—
Product
react-liquid-fill
Website domain
producthunt.com
Launched
Oct. 13, 2026
Cohort
—
Upvotes
1
Upvotes percentile
0.33
Tags
Design Tools, User Experience, Tech

Description

Pour colour into icons, buttons and text. A tiny React component and hook for liquid fill effects on hover, focus or scroll. Under 3 kB, zero dependencies.

Enrichment

Niche
ui component libraries
Vertical
Horizontal
Function
Dev tools
Audience
Developer
AI stance
Not AI
Project type
Hobby / open-source project
Normalized one-liner
liquid hover effect library for react svg icons
Manually corrected
False

Could you build this?

Yes This is a lightweight frontend open-source React component using standard SVG masking and CSS keyframe animations.

Competitors

Other products that read as similar to this one — 220 launches clear the similarity bar, closest 8 shown.

Attention rank: #120 of 221 (itself plus its competitors, highest first — normalized so YC and Product Hunt are compared fairly).

Launched 301 days after the earliest competitor.

Other launches for this product