---
title: "Designing a who-pays-the-fee interface"
url: https://daily.dev/posts/designing-a-who-pays-the-fee-interface-mgtakrshl
source_url: https://chenhuijing.com/blog/designing-a-who-pays-the-fees-interface/
type: article
source: "Chen Hui Jing"
published: 2026-03-21T15:08:30.383Z
updated: 2026-03-21T15:08:52.773Z
tags: ["css", "html", "blockchain", "ui-design"]
reading_time: 7
upvotes: 2
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Designing a who-pays-the-fee interface

**[Chen Hui Jing](https://daily.dev/sources/chenhuijing)** · 7 min read · 2 upvotes · 0 comments

## Summary

A developer at Circle shares their thought process designing a fee-handling UI for a USDC blockchain bridge application. The post covers the challenge of clearly communicating who pays transaction fees (sender vs. recipient), explores two interface approaches — a plain form using the HTML `<output>` element with a checkbox, and a madlibs-style UI — and touches on relevant CSS techniques like `field-sizing` and checkbox styling. The broader context includes cross-border payment UX and Circle's CCTP forwarding service.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://chenhuijing.com/blog/designing-a-who-pays-the-fees-interface/>

## Similar posts on daily.dev

- [How I Moved USDC Between Two Smart Contract Wallets From the Backend Using Circle’s API](https://daily.dev/posts/how-i-moved-usdc-between-two-smart-contract-wallets-from-the-backend-using-circle-s-api-6nsnzelfa) · Coins Bench · 0 upvotes · 0 comments
- [The Invisible Transaction: Why You Will Never Pay for Gas Again](https://daily.dev/posts/the-invisible-transaction-why-you-will-never-pay-for-gas-again-dyh15l1dx) · Coins Bench · 1 upvotes · 0 comments

---

Tags: [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html), [#blockchain](https://daily.dev/tags/blockchain), [#ui-design](https://daily.dev/tags/ui-design)

[View this post on daily.dev](https://daily.dev/posts/designing-a-who-pays-the-fee-interface-mgtakrshl)