henriquezolini/react-bancos — explained in plain English
Analysis updated 2026-05-18
Show a Brazilian bank's logo and brand color in an account list or bank statement.
Look up a bank icon using its numeric COMPE code returned from an API.
Build an institution selector dropdown listing every supported Brazilian bank.
Serve a bank's icon as a plain image URL for use in emails or mobile apps.
| henriquezolini/react-bancos | aerdelan/housand-domaintoolmatrix | affaan-m/opencode | |
|---|---|---|---|
| Stars | 22 | 22 | 22 |
| Language | TypeScript | TypeScript | TypeScript |
| Last pushed | — | — | 2026-02-09 |
| Maintenance | — | — | Maintained |
| Setup difficulty | easy | easy | easy |
| Complexity | 1/5 | 2/5 | 2/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
react-bancos is a React component library that provides ready made icons for the major banks and fintech companies in Brazil. Any Brazilian app that deals with money, such as a banking dashboard, a Pix payment screen, or a bill display, eventually needs to show which bank an account or payment belongs to, and this package solves that in one place. Every bank gets its own icon component, all following the same visual style: a square badge in the bank's brand color with the official logo centered inside. Using the library is straightforward. You import a specific bank as a component, such as Nubank or Itau, and drop it into your interface, optionally setting its size, corner roundness, and an accessible title. If you only have a bank's numeric code from an API rather than its name, you can look up the matching icon using that code, or by searching on the bank's name, which works even if the search text has different accents or capitalization. For situations where React is not being used at all, such as a backend service or an API, the package includes a separate data only module with no React or JSX involved. It exposes the same lookup functions along with a plain list of every bank's name, numeric code, and brand color, so a server can return consistent bank information without needing any UI framework. The icons are also published as plain SVG files and are even served directly over the internet as static images through the project's GitHub Pages site, which is useful for mobile apps or emails that can only accept an image URL rather than a code component. The library currently covers around forty of Brazil's most common banks and fintechs, including Nubank, Itau, Banco do Brasil, Caixa, Santander, Inter, C6 Bank, and PicPay, with the project welcoming contributions to add any missing institutions. Written in TypeScript and released under the MIT license, this project is aimed at Brazilian developers building financial or payment related interfaces who need accurate, consistent bank branding without designing every icon themselves.
A React icon library of Brazilian bank and fintech logos with names, codes, and brand colors.
Mainly TypeScript. The stack also includes TypeScript, React, SVG.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Don't trust strangers blindly. Verify against the repo.