Turning websites from static targets into living, adaptive systems.

WebDNA is an interactive cybersecurity simulation that reimagines how websites defend themselves.

Inspired by biological DNA repair and vaccination, this system demonstrates how a website could:

• Detect attacks in real time
• Repair its own vulnerabilities
• Learn and evolve after each threat

Instead of static defenses, WebDNA introduces self-healing, adaptive security.

• Visualizes website structure as a living DNA system
• Shows real-time damage, repair, and stabilization

Simulate real-world attacks like:

• SQL Injection
• XSS (Cross-Site Scripting)
• DDoS / Bot Swarm
• Brute Force
• Zero-Day Exploits
• Data Exfiltration

Watch how the system reacts instantly.

• Displays a full repository-like interface

• Shows real-time code updates during attacks

• Highlights:

  • Added logic (+)
  • Modified lines (~)
  • Removed code (-)

• Stores past attacks
• Improves response speed over time
• Simulates learning like an immune system

Built with Firebase Studio and Gemini AI

• Explains each attack in real time
• Describes system responses
• Helps users understand complex security concepts

• Cinematic scroll-driven experience
• Shows full lifecycle: Broken → Detection → Repair → Evolution

• Frontend: HTML, CSS, JavaScript
• Rendering: Canvas-based frame sequence engine
• Animation: Scroll-driven + requestAnimationFrame
• Hosting: Vercel
• AI Integration: Gemini

/public /images /frames /src /components /core /ai

1. User triggers an attack
2. System detects threat
3. Code updates dynamically
4. Defense mechanisms activate
5. System stabilizes and learns

All of this happens visually and interactively.

Traditional cybersecurity is reactive.

WebDNA explores a future where systems are:

• Self-aware
• Self-repairing
• Continuously evolving

This is a step toward intelligent, autonomous security systems.

https://dna-five-mu.vercel.app

Suhani Arya

Security shouldn’t just defend. It should evolve.