Free React Finance & Insurance Components
Financial services pages carry a compliance weight most UI kits ignore. These components are shaped for it: a rate comparison sheet with room for the disclaimers that regulators require, loan eligibility steps that set expectations before an application, a coverage explainer panel that translates policy language into plain English, and advisor credential rows that surface licence numbers and designations instead of stock-photo trust. Sober layouts, tabular numerals, and no dark patterns, the way money UI should read.
4 components · MIT licensed · installable with the shadcn CLI
Advisor Credentials Rows
A financial adviser directory of sober hairline rows, credentials, mono licence numbers, specialty runs and an AFSL disclosure line as the accent. React and Tailwind, zero hype.
Coverage Explainer Panel
An insurance coverage disclosure panel in React, inclusions with preformatted limits, exclusions at equal weight, a plain excess line and a PDS note. Tailwind, no fine-print burial.
Loan Eligibility Steps
Loan eligibility and application steps in React, plain criteria up front, numbered stages with document notes and honest preformatted timeframes in Tailwind. No approval hype.
Rate Comparison Sheet
Home loan rate comparison rows in React, advertised and comparison rates paired in tabular numerals with the statutory warning as first-class Tailwind copy. Disclosure-forward, zero urgency.
Frequently asked questions
Are these components compliant with financial advertising rules?
They give you compliant-friendly structure, dedicated disclaimer slots, comparison rate fields, and no pre-ticked anything, but compliance is about your copy and your jurisdiction. Have your compliance team review the final content as you would any page.
Can the rate comparison sheet pull live rates?
It renders whatever rate data you pass as props, so wiring it to a rates API or CMS is straightforward. Timestamps and "rates correct as at" lines have dedicated slots because stale-looking rate tables destroy trust.
Who are the advisor credential rows for?
Financial planners, mortgage brokers, accountants, and insurance advisers, anyone whose licence and designations are the product. Each row pairs the human details with the formal credentials (AFSL, CPA, CFP) that clients actually verify.