NanoFill

NanoFill is a fast, secure Chrome Extension using Gemini Nano to autofill input fields. It works offline, keeps data on-device, and features a sleek UI built with Google's Material Design 3.0

Comment

About the Project: NanoFill Chrome Extension

Inspiration

NanoFill was inspired by the limitations of current autofill solutions in web browsers. Chrome's built-in autofill often fails with newer input field types and lacks adaptability to evolving technologies. We wanted to provide users with a fast, secure, and offline-capable solution that prioritizes privacy while delivering a seamless user experience

What it does

NanoFill replaces Chrome's traditional autofill with a modern, AI-driven approach using Gemini Nano's on-device capabilities. It securely autofills input fields by running locally on the user's device, ensuring no sensitive information is sent to external servers. NanoFill works offline, scales effortlessly, and features a clean, intuitive interface designed with Material Design 3.0 principles

How we built it

We developed NanoFill using JavaScript, CSS/HTML and Gemini Nano's Prompt API, enabling all AI-driven functionality to run entirely on the user’s device. The design follows Material Design 3.0 guidelines, ensuring a seamless and familiar Chrome experience. We implemented advanced local scripts to process and store data securely, making the extension serverless and universally scalable.

Challenges we ran into

One significant challenge was optimizing AI prompts to handle diverse input field types securely and accurately without external data processing, and doing it in an optimized manner

Accomplishments that we're proud of

We’re proud of building an entirely serverless extension that prioritizes user privacy while offering unparalleled speed and functionality. The seamless integration of Gemini Nano's AI capabilities, combined with an elegant Material Design 3.0 interface, has resulted in a tool that is both practical and aesthetically pleasing

What we learned

This project taught us how to integrate on-device AI for real-world applications while maintaining privacy and security. We gained valuable experience in designing intuitive user interfaces and solving challenges associated with scalability, offline functionality, and data integrity

What's next for NanoFill

We plan to expand NanoFill's compatibility with other browsers that support Gemini Nano, enhance AI prompts for even greater accuracy, and incorporate user feedback to improve functionality. Our ultimate goal is to inspire browser developers to adopt similar privacy-first autofill features, making secure and fast autofill a standard for everyone

Built With

Share this project:

Updates