Project Name
FiberTap: Non-Custodial Web Tipping Widget for CKB
Team / Individual Profile
Developer: FidelCoder (GitHub: FidelCoder)
Background: Full-stack developer building on CKB. FiberTap is not a concept. It is a working MVP, a deployed production landing page, and a live widget CDN at fibertap.vercel.app.
Github Repo: github.com/FidelCoder/FiberTap
Problem
Content creators, bloggers, streamers, open-source maintainers, and digital artists want to accept crypto tips directly on their websites. Today on CKB, the only options are sharing a raw wallet address (which is intimidating for non-crypto users), using centralized tipping platforms that custody funds, or building a custom payment integration from scratch. None of these are one-line drop-in solutions. A creator should not need to understand UTXOs, lock scripts, or Fiber channels to receive a tip.
Solution
FiberTap is an embeddable widget that adds a tip button to any website with a single script tag:
<script
src="https://fibertap.vercel.app/widget.min.js"
data-creator="ckt1qyqvsv5240xeh85wvnau2eky8pwrhh4jr8ts8vyj3c"
></script>
What it does today (working prototype):
The widget renders a purple heart button on any page using Shadow DOM, meaning zero CSS conflicts with the host site. The tip panel offers preset amounts, custom input, and an optional message. Payment can be completed via QR code or deep-link to any CKB wallet. The backend API handles creator registration, payment request creation, and status checking. A webhook system delivers payment confirmations with HMAC-SHA256 signatures so creators can build automated workflows. A landing page, full documentation, and interactive script generator are all live at fibertap.vercel.app.
Why this is different from another Fiber payment tool:
The Spark committee has been clear that the ecosystem does not need a seventh way to route payments. Most Fiber proposals focus on value circulation, making existing money move more conveniently from one place to another. FiberTap sits on the value creation side. It gives people a reason to transact on Fiber in the first place. Every creator who uses FiberTap on their site becomes a potential consumer of Fiber capacity. As tip volume grows, creators need inbound channel capacity, which drives organic Fiber channel formation. FiberTap does not move money from A to B. It creates the demand that makes Fiber channels useful.
Expected Deliverables
All code will be open-sourced under MIT license at github.com/FidelCoder/FiberTap.
The following are already complete and live:
Embeddable tip widget using Shadow DOM, 21KB gzipped
API server with creator registration, payments, and webhooks
Landing page with documentation and interactive script generator
The following will be completed with this grant:
Fiber Network payment verification with on-chain confirmation polling
Fiber channel integration for direct tip-to-channel payments
Mobile-responsive widget redesign with touch-friendly and accessible design
WordPress plugin for one-click installation from the WP marketplace
Integration tests covering all Fiber payment flows
Creator dashboard for viewing tips and managing webhooks as a stretch goal
Required Funding
$1,000 USD equivalent in CKB
Development over 6 weeks part-time covers the core Fiber integration, widget redesign, and WordPress plugin. This accounts for $600. Infrastructure including API hosting, CDN, and a custom domain accounts for $200. Fiber channel setup costs for testing real tip flows account for $100. Documentation, community content, tutorials, integration guides, and demo videos account for the remaining $100.
Milestones
Milestone 1 — Fiber Network Integration ($300)
Fiber Network payment verification with on-chain confirmation polling, transaction status checking, and webhook delivery on confirmed transactions.
Milestone 2 — Widget Redesign & Testing ($350)
Mobile-responsive widget redesign with touch-friendly and accessible design, theme customization improvements, and integration tests covering all Fiber payment flows.
Milestone 3 — WordPress Plugin & Fiber Channels ($350)
WordPress plugin for one-click installation from the WP marketplace, Fiber channel integration for direct tip-to-channel payments, and completion report with 5 real creator beta testing.
Timeline
Timeline
6 weeks from grant approval.
Weeks 1 through 2 focus on Fiber Network integration: on-chain payment verification, transaction polling, and webhook delivery on confirmed transactions.
Weeks 3 through 4 focus on widget redesign: mobile-first responsive layout, accessibility with ARIA labels and keyboard navigation, and theme customization improvements.
Week 5 focuses on the WordPress plugin: submit to the WordPress plugin directory and test with at least 3 themes.
Week 6 focuses on community testing: 5 real creators deploy FiberTap on their sites, collect feedback, iterate, and write the completion report.
Relevance to CKB Ecosystem
FiberTap addresses a fundamental gap in the CKB ecosystem. CKB has strong underlying technology including the UTXO model, off-chain computation with on-chain verification, the Spore protocol, the Fiber lightning network, and the RGB++ protocol. But consumer-facing application-layer products that translate this technical excellence into experiences regular users can feel are scarce. FiberTap bridges this gap by packaging Fiber payments into something any website owner can deploy in under a minute.
Specific ecosystem value:
Demand generation. Every creator who uses FiberTap becomes a potential Fiber channel consumer. As tip volume grows, creators need inbound capacity, driving organic Fiber channel formation without requiring anyone to manually set up infrastructure.
Non-custodial by design. Payments flow directly from supporter to creator wallet via CKB. FiberTap never holds funds, which aligns with CKB’s core philosophy of user sovereignty.
Organic user acquisition. Unlike dApps that require users to already have a CKB wallet, FiberTap’s QR code flow guides newcomers through wallet setup. Each tip is a potential new CKB user entering the ecosystem for the first time.
Open source and lightweight. All code is MIT-licensed. The widget is 21KB with zero framework dependencies. Any developer can fork, customize, or self-host.
Web5 philosophy in practice. The widget is the organic combination of Web2 (embed on any website) and Web3 (non-custodial, on-chain settlement) that Rock Web5 advocates. It does not ask users to change their behavior. It meets them where they already are.
Verification Plan
Reproducible verification for the committee:
Widget demo. Visit fibertap.vercel.app, click “Add to Your Site”, enter a CKB address, copy the generated script tag, paste it into any HTML file. The tip button appears instantly.
API test. Send a POST request to fibertap.vercel.app/api/payments/request with a creator address, amount, and message in JSON format. A payment request is returned with an ID and expiry time.
Code review. The full test suite runs 162 passing tests covering storage, payments, webhooks, widget rendering, QR generation, and integration flows. Clone the repository at github.com/FidelCoder/FiberTap and run pnpm test to verify.
Health check. A GET request to fibertap.vercel.app/health returns a JSON response confirming the server status, network, and timestamp.
Todo List
Fiber Network on-chain payment verification
Fiber channel direct payment support
Widget mobile-responsive redesign
WordPress plugin submission
5 real creator integrations for beta testing
Completion report with funding usage, outcomes, and lessons learned
GitHub Repository
github.com/FidelCoder/FiberTap
Tech stack: TypeScript, Hono for the API, Vite for the widget build, VitePress for documentation, MongoDB or in-memory storage