RECLAIMING
THE NARRATIVE
"When you look at history, you don't just see dates and names. You see the fingerprints of purpose."
We often think of technology as something cold, disconnected. But the root word for 'technology' in Arabic, fann, implies art, mastery, and beauty.
This platform isn't just a museum. It's a resurrection. We wanted to build a digital experience that doesn't just inform you, but honors the legacy of those who saw no division between the sanctity of the soul and the science of the body.
The Earth Speaks
"Go through the land and see." This isn't just a static map. It's a living tapestry. We used interactive geolocation to visualize how knowledge traveled from Cordoba to Baghdad, from Cairo to Samarkand.
- Real-time interactive globe visualization
- Dynamic regional filtering
House of Wisdom
Baghdad, Iraq • 830 CE
The Golden Chain
The concept of Isnad (chain of transmission) isn't just for hadith. It's for knowledge. We built a vertical timeline that connects the scholars of the past—Al-Khwarizmi, Ibn Sina, Al-Zahrawi—showing that their work wasn't isolated. It was a continuum.
UX INSIGHT
"We used a parallax scroll effect to create the feeling of descending through time, uncovering layers of history."
Legacy
Al-Khwarizmi
The Father of Algebra
Al-Zahrawi
Pioneer of Surgery
Ibn al-Haytham
Master of Optics
Ibn Sina
Prince of Physicians
Knowledge in Action
SubhanAllah, look at the diversity. From surgery to astronomy. We organized the inventions into a filterable, searchable gallery. It's not just a list; it's a testament to a civilization that valued every form of beneficial knowledge.
Optics
Chemistry
Surgery
Astronomy
The Mizan (Balance)
This is perhaps the most unique part of the platform. We didn't just want to show you machines. We wanted to show you the human. The Dimensions grid connects the physical (Jasad) to the spiritual (Ruh).
Jasad
The Body
'Aql
The Intellect
Ihsas
Senses
Nafs
The Self
Qalb
The Heart
Ruh
The Soul
Built on Modern Foundations
Excellence (Ihsan) in code as in design.
Next.js 15
App Router & Server Actions
Tailwind CSS
Utility-first Design System
Framer Motion
Physics-based Animations
TypeScript
Type-safe Architecture