React-Nex – A Modular Component Library with AI-Driven Code Generation

React-Nex is a modular and efficient NPM package designed to streamline the development process by enabling selective installation of only the necessary components. The project comprises three main repositories: a components repository, a documentation website, and a core repository. The documentation website not only provides instructions for using the components but also features an AI-driven code generation system. This system leverages Retrieval-Augmented Generation (RAG) to dynamically generate and modify component code based on user prompts. The component codes are stored as vector embeddings in a vector database, enabling efficient retrieval and customization. This paper outlines the architecture, functionality, and implementation details of React-Nex, highlighting its innovative approach to modular development and AI-assisted code generation. Keywords: Modular Component Library, React-Nex, AI-Driven Code Generation, Selective Installation, Web Development, NPM Package, Pre-built UI Elements, Code Embeddings.