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
Top comments (0)