NeuroLens

NeuroLens – The Internet, Rebuilt for Every Brain

Inspiration

The modern web is designed for the average user, but millions of people experience the internet differently. Students with ADHD struggle with information overload, individuals with dyslexia face reading barriers, and many neurodivergent users encounter distractions, sensory triggers, and interfaces that make learning unnecessarily difficult.

Our inspiration came from a simple question:

Why do people have to adapt to the internet, instead of the internet adapting to them?

We realized that while accessibility tools exist, they are often fragmented, difficult to discover, and rarely personalized. We wanted to create a solution that could transform any webpage into an experience tailored to the user's unique cognitive needs.

What It Does

NeuroLens is an AI-powered browser extension that creates a personalized version of the web for every brain.

With a single click, users can activate tools that improve focus, readability, comprehension, and accessibility:

ADHD Summary

Converts lengthy content into concise bullet-point takeaways and actionable checklists, helping users process information faster.

Chat with Page

Allows users to interact with any webpage through an AI assistant that answers questions, explains concepts, and extracts key insights.

Dyslexia Font

Applies OpenDyslexic typography and optimized spacing to improve readability for users with dyslexia.

Focus Mode

Removes distracting elements such as sidebars, floating widgets, promotional banners, and advertisements.

Bionic Reading

Highlights important portions of words, helping readers track text more efficiently.

Sensory Safe Mode

Reduces visual overstimulation by pausing autoplay content, limiting animations, and minimizing high-motion elements.

High Contrast Mode

Improves visibility and readability through enhanced color contrast.

Reading Ruler

Provides a guided reading bar that follows the user's cursor, helping maintain focus while reading.

---

How We Built It

NeuroLens was developed as a browser extension using modern web technologies.

Frontend

• React
• TypeScript
• Tailwind CSS

Browser Integration

• Chrome Extension APIs
• Content Scripts
• DOM Manipulation

Artificial Intelligence

• Large Language Models for summarization and page interaction
• Context extraction pipelines for webpage understanding
• Dynamic content transformation based on user-selected accessibility preferences

The extension analyzes webpage content in real time and applies accessibility transformations directly within the browser without requiring users to leave the page.

---

Challenges We Faced

Balancing Simplicity and Functionality

One of the biggest challenges was preventing NeuroLens from becoming a collection of disconnected accessibility tools. We wanted every feature to feel like part of a unified experience.

Working Across Different Websites

Every website has a different structure. Building reliable content extraction and transformation systems that worked consistently across multiple websites required extensive testing and refinement.

Preserving Website Usability

While removing distractions and modifying layouts, we had to ensure that important functionality remained intact and users could still navigate pages naturally.

Accessibility for Diverse Needs

Accessibility is not one-size-fits-all. Features that help one user may hinder another. Designing adaptable tools that support multiple cognitive profiles required careful consideration and iteration.

---

What We Learned

Through NeuroLens, we learned that accessibility is not just about compliance—it is about empowerment.

We discovered that:

• Small interface changes can dramatically improve comprehension.
• AI can be used to enhance accessibility rather than simply automate tasks.
• Personalization is the future of digital experiences.
• Neurodiversity should be considered during product design from the very beginning.

Most importantly, we learned that technology becomes truly impactful when it adapts to people rather than forcing people to adapt to technology.

---

Future Vision

Our long-term vision is to create a cognitive profile engine that understands how each individual learns, reads, and processes information.

Instead of manually enabling features, NeuroLens would automatically transform websites based on a user's cognitive preferences, attention patterns, and accessibility needs.

Imagine a world where every webpage instantly adapts itself to maximize understanding, minimize cognitive load, and provide an inclusive experience for everyone.

That is the future NeuroLens is building.

Impact

More than one billion people worldwide live with some form of disability, and countless others face attention, learning, or sensory challenges that are often overlooked online.

NeuroLens aims to make the internet more accessible, inclusive, and effective by ensuring that every user can engage with information in the way that works best for them.

Because accessibility should not be an afterthought.

NeuroLens — The Internet, Rebuilt for Every Brain.

Built With

• chrome-extension-apis
• content-scripts
• dom-manipulation
• github-version-control
• openai-api-(gpt-4)
• opendyslexic-typography
• react
• responsive-ui-design
• tailwind-css
• typescript
• vercel-deployment