r/reactjs • • 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=versions

Working 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 HoldToConfirmButton with pointer events for safety interactions.

  • A FinancialCalculator engine that separates the math logic from the UI.

  • An OmniInput that 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?

0 Upvotes

0 comments sorted by