I built 100+ Open Source React Components because I was tired of rewriting the same UI

Hyrum David Perez — Tue, 03 Feb 2026 19:51:29 +0000

Let's be real: we all love Shadcn UI, but sometimes the "base" components aren't enough when you're trying to ship a SaaS or a landing page in a weekend. I found myself rewriting the same Hero sections, Pricing tables, and FAQ accordions for every project.

So, I decided to build a massive "internal" library and then realized—why not just open-source the whole thing?

Amazing Components React is a collection of over 100+ components built for speed. No bloat, just the stack we actually use.

🛠 The Stack
Framework: React + Vite (Speed matters).

Language: TypeScript (Because I'm not a masochist).

Styling: Tailwind CSS + Shadcn UI.

Animation: Framer Motion (For that premium feel).

💡 Why use this?
Most component libraries give you the parts, but not the section. I’ve focused on full-page sections:

Intricate Contact Forms: Validation-ready and styled.

Dynamic Heroes: Not just text and an image—actual layouts that convert.

SaaS Pricing Tables: Clean, toggleable, and responsive.

Interactive Testimonials: Built with Framer Motion for smooth transitions. (I use the AI for some help)

🚀 Zero Friction
I didn't want this to be a complex NPM package you have to fight with. It’s built to be copy-paste friendly. You see a component you like, you take the code, you drop it in your project. Done.

Live Demo: https://finnovo-components.vercel.app/ Repo: https://github.com/hyrumpro/finnovo-components

DEV Community: Hyrum David Perez

I built 100+ Open Source React Components because I was tired of rewriting the same UI