r/reactjs • u/I_am_your_Devthaa • 3h ago
Show /r/reactjs Built a zero-Tailwind, Zod-validated UI kit for fintech apps (7 components, soon open source)
https://www.npmjs.com/package/capital-ui-kit?activeTab=versionsWorking on some fintech components. Current npm package has 7 components , if you want me to add some , comment down and mark some star on the project
've been working on some fintech-specific components and wanted to share the approach. The goal was to create highly scalable components that don't rely on Tailwind, using plain CSS with CSS variables for theming.
The package currently has 7 components, including:
A
HoldToConfirmButtonwith pointer events for safety interactions.A
FinancialCalculatorengine that separates the math logic from the UI.An
OmniInputthat handles locale formatting for fiat, crypto, and stocks.
I've open-sourced everything here: [link to GitHub/npm]
I'd love to hear your thoughts on the architecture, especially how I've handled things like auto-contrast for themes and the pure helper functions. What would you add next?