[UX] Frontend: Real-time "Claimable" Counter Animation

[ogazboiz]

Description

Implement a visually stunning client-side counter that ticks up every second for active streams.

Tasks

• Create a custom React hook useStreamingAmount.
• Use performance.now() for high-precision time delta calculation.
• Animate the dollar amount smoothly to reflect "money flowing".

Context

High-quality visual feedback is key to a "WOW" user experience.

[Elite-tch]

Please can you assign me this issue

[Cyberking99]

Hello,

I’m a smart contract and full-stack developer interested in contributing to this issue. I am experienced with hands-on experience in Rust, Soroban, Cairo, Solidity, and TypeScript.

I am passionate about building secure and scalable blockchain solutions, with a strong focus on writing clean, maintainable code. Based on the scope of this issue, I’m confident I can deliver a complete solution within 8 hours of assignment.

I would appreciate the opportunity to contribute and help move this forward.

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[Mystery-CLI]

@Mystery-CLI has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

i would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Mystery-CLI to this issue.

[Godsmiracle001]

@Godsmiracle001 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Excited to build this . I specialize in high-precision React animations. I'll deliver a smooth, visually stunning claimable counter using useStreamingAmount, performance.now(), and requestAnimationFrame.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Godsmiracle001 to this issue.

[drips-wave]

Congratulations, @Godsmiracle001! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on February 26, 2026.

🧑‍💻 @Godsmiracle001: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are issued when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊