Motion-first React blocks for fintech and FX
Rolling balances, morphing charts and dense tables that make money movement easy to follow.
21 components today · 8 blocks on the way · all in Pro
Everything a fintech UI kit React is made of
Each one is the real component, running. Open it for usage, props and its motion, then install it into your app with one command.
Numbered pages whose selected chip glides on a spring, with ellipses in a fixed number of slots so the width never changes, and a compact Page 3 of 12 variant.
A scroll-snap carousel with native momentum, mouse drag and arrow keys.
Drag a numeric label to scrub its value, with pointer lock, fine and coarse modifiers, keyboard steps and rolling tabular digits.
A grouped list where switching the grouping moves rows into their new groups with shared-layout motion and rolling counts.
One keyboard focus ring that springs between fields, resizing and re-radiusing to each target.
Table cells that make rows look finished: avatar with name, status badge, number with a rolling value and coloured delta, a progress meter that fills on view, a self-updating relative time, and a mono ID with a copy button.
A Base UI button whose press scale depends on its width, whose label swaps with y + blur while the width springs, and whose loading spinner overlays the label so the width never changes.
Label, control and one message line on Base UI Field.
A Base UI text input whose focus is the border alone.
Tabular digits that roll in the direction of change: a 9 → 0 carry rolls forward, a value that changes mid-roll redirects, new places fade in while the rest slide over.
A progress bar on Base UI Progress: the bar rides a spring and its value rolls; an unknown length sweeps with an accelerate–decelerate curve and hands over to the bar when a value arrives.
Radios whose dot scales out from the centre on a snappy spring, and radio cards whose selected border travels between cards.
A native scroller with a thin themed overlay scrollbar that thickens under the pointer, and edge fades that appear only when there is more to scroll.
A single-choice segmented control whose thumb glides to the selection on a spring.
A table with click-to-sort headers: the arrow appears on header hover and previews the order, and on click every row glides from where it was to its new place while the arrow rotates on the same spring.
A premium hairline table on TanStack Table: half-pixel row rules, a quiet sentence-case header, numbers right-aligned on one edge, one emphasised cell per row, a sticky header, and dense or comfortable rows.
Change a label, status or short value with y + blur, and spring the width to fit, so neighbours glide instead of jumping.
A word-sized line chart that draws in once, rings its newest point in the surface colour and morphs to new values from the shape on screen.
Grouped or stacked bars that grow in with a 12ms stagger, glide a scrubbing band with rolling values, and morph keyed bars between ranges while the scale springs.
A KPI tile: a rolling value, a delta that re-tints and turns its arrow (falls are warning, never danger) and a sparkline that morphs with the range.
Lines and areas that morph between ranges on shared x samples while the scale springs and gridlines slide; a gliding crosshair, a trailing tooltip that flips at the edge, legend toggles that flatten a series, a previous period dashed at 40%, and onActiveChange for a headline.
Blocks for fintech and FX, on the way
Full blocks composed from the components above, each with one signature moment. They land here, dated, as they release; the changelog has the schedule.
Coming
FX Rate Board
Coming
Currency Converter
Coming
Transfer Flow
Coming
Cash-flow Forecast
Coming
Loan Calculator
Coming
Transaction Ledger
Coming
Spend Breakdown
Coming
Payment Globe
Install into your agent
Add the Eased MCP server and ask for what you are building. Its list and search tools take an industry, so your agent starts from the fintech and FX set.
claude mcp add --transport http eased https://eased.dev/api/mcpThen: list_components { "industry": "finance" }
Questions
Is this a fintech UI kit React?
It is the parts a fintech UI kit React is made of: 21 live components today, with blocks such as FX Rate Board, Transfer Flow and Cash-flow Forecast on the way. You compose them in your own app, and the source lives in your repo, so it fits your product exactly.
What does Pro include?
Every Eased component and block, in every industry, now and in every future release, for one payment. Free components stay free under MIT.
How do updates arrive?
New components and blocks release on a dated schedule, listed in the changelog and its RSS feed. Install them with the shadcn CLI or through the MCP server whenever they suit you.
What is the stack?
React 19, Tailwind CSS v4 and Motion, installed with the shadcn CLI. Every component supports light and dark themes and reduced motion.
Everything for fintech and FX, in Pro.
One payment for every component and block, in every industry, including each one still to come.