Framer Components: Open Library of Hand-Built React Components by Kanishak MahendirattaFramer Components: Open Library of Hand-Built React Components by Kanishak Mahendiratta
Built with Framer

Framer Components: Open Library of Hand-Built React Components

Kanishak Mahendiratta

Kanishak Mahendiratta

About the Project:

An open library of React components for Framer, browsable by category, each with documentation, integration notes and copyable code. I built it in the pre-AI era, when a component like an animated tab bar or a scroll-linked gallery could not be generated with a prompt. Every component here was written by hand, which meant genuinely understanding Framer Motion, CSS, layout and how Framer runs React under the hood.

What I Used to Complete This Job:

• React & Framer Motion for the components themselves: springs, gestures, scroll-linked and cursor-driven animation, all written from scratch • CSS for layout, masking and the details that make a component hold up across every breakpoint • Framer code components, so each piece drops straight into the editor and stays fully editable • Figma for designing every component before writing a line of it • Documentation with integration notes and code snippets per component, because the real blocker is rarely the component itself, it is wiring it into your project

The Results:

The library is live and free at framercomponents, and it is why many clients arrive already knowing what I build. Components that once took real Framer Motion and CSS knowledge to build are now a copy-paste for everyone else.
Like this project

Posted Dec 13, 2023

An open library of React components for Framer, built by hand in the pre-AI era: real Framer Motion, real CSS, documented and free to use.