Project Atmanआत्मन् - The Eternal Witness
A journey through the four states of consciousness (Avastha), from waking reality to transcendent awareness
Loading live experience...
☝️ Experience the Atman visual journey - navigate through Jagrat (waking), Swapna (dreaming), Sushupti (deep sleep), and Turiya (pure awareness)
Experience Type
Red Pill (Consciousness Path)
States of Consciousness
4 Avastha Layers
Technologies
React, WebGL, GSAP, Three.js
Philosophy
Mandukya Upanishad + Non-Duality
Project Atman is an immersive exploration of consciousness through the lens of Advaita Vedanta philosophy. Users journey through the four Avastha (states of consciousness) described in the Mandukya Upanishad: Jagrat (waking), Swapna (dreaming), Sushupti (deep sleep), and Turiya (pure awareness). Each state is represented through distinct visual languages, interactive elements, and philosophical teachings that guide users from everyday awareness to transcendent consciousness.
Key Features
- Four distinct consciousness states with unique visual metaphors and interactions
- Jagrat (Waking): Geometric precision, structured reality, material world awareness
- Swapna (Dream): Fluid forms, surreal juxtapositions, subconscious symbol language
- Sushupti (Deep Sleep): Void space, minimal geometry, absence of subject-object duality
- Turiya (Pure Awareness): Infinite fractals, cosmic unity, the witness consciousness
- Sanskrit educational overlays explaining each Avastha with philosophical context
- Seamless transitions representing the continuum of consciousness
Philosophical Foundation
The Mandukya Upanishad: A Map of Consciousness
Project Atman draws from the Mandukya Upanishad, one of the shortest yet most profound texts in Vedic philosophy. It describes consciousness not as a singular state but as a spectrum of four Avastha (states). The first three—Jagrat (waking), Swapna (dreaming), Sushupti (deep sleep)—are familiar to all humans. The fourth, Turiya, is the eternal witness that observes all three states without being touched by them. This experience translates ancient wisdom into interactive visual form, allowing users to experience—not just intellectually understand—the layers of their own awareness.
Key Concepts
The state of ordinary consciousness where we interact with the external world through our senses. Jagrat is characterized by subject-object duality—"I" perceive "the world." In this state, we experience time, space, causality, and material form. The visual representation uses precise geometric structures and clear boundaries to reflect the structured nature of waking reality.
The state of dreaming where consciousness turns inward and creates its own reality from memories, desires, and subconscious patterns. In Swapna, the rules of waking logic dissolve—time becomes fluid, space malleable, identities merge. The visual design employs surreal juxtapositions, morphing forms, and symbolic imagery to evoke the dreamlike quality of this state. Yet even in dreams, there remains an "I" who experiences the dream narrative.
The state of deep sleep where both external and internal objects dissolve. No dreams, no thoughts, no sense of "I" or "other"—only pure rest. Upon waking, we say "I slept well" or "I knew nothing," revealing that some witnessing awareness persisted even in the void. The visual representation is minimal: vast darkness, faint pulsing geometries, the absence of form suggesting the dissolution of subject-object duality while hinting at the presence of the witness.
Turiya is not a "state" in the ordinary sense but the unchanging awareness that witnesses all three states. It is consciousness itself—prior to waking, dreaming, or sleeping. The Mandukya describes Turiya as "not inner cognition, not outer cognition, not both, not a mass of cognition... beyond duality, ineffable, peaceful." The visual language uses infinite fractals, cosmic mandalas, and self-similar patterns to suggest the boundless, self-aware nature of pure consciousness. This is the Atman—the eternal witness, the true Self.
Symbolic Meaning
Each Avastha is not just a 'level' to pass through but a perspective on reality. Jagrat shows us the material world we all share. Swapna reveals the power of consciousness to create subjective worlds. Sushupti demonstrates that even in the absence of experience, awareness remains. Turiya is the recognition that all three states arise within consciousness itself—like waves on the ocean, they appear and disappear, but the ocean (awareness) remains unchanged. The journey isn't about 'achieving' Turiya; it's about recognizing that we already ARE Turiya, simply witnessing the play of Jagrat, Swapna, and Sushupti.
Design Intention
Create an experience where philosophy is felt, not just understood. Users should viscerally experience the transition from structured waking consciousness, through the fluid dream world, into the void of deep sleep, and finally to the recognition of the witness that observed the entire journey. The design language shifts dramatically between states—from sharp geometry to fluid morphing to void minimalism to infinite fractals—mirroring the radical shifts in how consciousness perceives reality at each level.
The Four Avastha: Visual Journey
Experience each state of consciousness through its unique visual language. These are not static images but live, interactive representations that respond to your presence. Navigate through the layers below to witness how consciousness transforms reality at each level.
Loading live experience...
Sharp geometries, structured forms, material world. The reality we all share through our senses.
Loading live experience...
Fluid morphing, surreal symbols, inner world. Consciousness creates its own reality from memory and desire.
Loading live experience...
Void space, minimal pulsing, absence of form. Subject and object dissolve, yet awareness remains.
Loading live experience...
Infinite fractals, cosmic unity, eternal witness. The unchanging awareness that observes all three states.
🕉️ Sacred Symbolism in Design
The visual progression mirrors the AUM (ॐ) syllable, which the Mandukya Upanishad uses to represent the four states:
- A (अ) - Jagrat: The "ah" sound, waking state, gross material reality
- U (उ) - Swapna: The "oo" sound, dream state, subtle mental reality
- M (म) - Sushupti: The "mmm" sound, deep sleep, causal seed of consciousness
- Silence after OM - Turiya: The gap between breaths, pure awareness
Each visual state is designed to evoke the sonic quality of its corresponding AUM component—sharp and defined (A), fluid and transitional (U), dissolving into stillness (M), and finally the infinite space of silence (Turiya).
Experience Walkthrough
The Atman experience guides users through a carefully orchestrated progression: Recognition (waking world familiarity) → Disorientation (dream fluidity) → Dissolution (deep sleep void) → Transcendence (witness awareness) → Integration (understanding all states as expressions of one consciousness).
Entering Jagrat: The Familiar World
The journey begins in Jagrat, the waking state. Users see geometric structures, clean lines, material forms—the visual language of everyday reality. Interactive elements respond predictably: click a shape, it transforms; hover over text, it reveals meaning. This is the consciousness we inhabit most of our lives: aware of objects, navigating space, interacting with "the world out there." A Sanskrit overlay explains: "Jāgrat is the state of external perception, where consciousness identifies with the body-mind and perceives the material universe through the five senses."
Transitioning to Swapna: Reality Becomes Fluid
As users navigate deeper, the geometries begin to soften, boundaries blur, colors bleed into one another. They have entered Swapna, the dream state. Forms morph unexpectedly—a triangle becomes a circle becomes a star. Logical rules dissolve: objects exist in impossible configurations, time feels non-linear, familiar symbols merge with strange imagery. This mirrors the dream experience where consciousness creates its own reality from subconscious material. The overlay teaches: "Svapna is the state of internal perception, where consciousness withdraws from external senses and projects its own world of thoughts, memories, and desires."
Descending into Sushupti: The Void of Deep Sleep
The dream forms gradually fade. Colors desaturate to near-black. Users enter Sushupti, represented by vast emptiness with only faint, slow pulsations—like the subtle breath of sleeping consciousness. There are no objects here, no "I" perceiving, no narratives. Just presence. This is the hardest state to represent visually because deep sleep is characterized by the absence of experience. Yet users report a paradoxical sense of "restful awareness"—they are still conscious of being in the experience, even though the experience itself is void. The overlay whispers: "Suṣupti is the state of no perception, where both external world and internal thoughts dissolve. Subject and object merge into undifferentiated consciousness."
Awakening to Turiya: The Eternal Witness
From the void, something emerges—not as an object but as a recognition. Infinite fractals bloom, self-similar patterns that repeat at every scale. Mandalas rotate, suggesting wholeness and infinity. This is Turiya: not a "place" but a realization. Users see that Jagrat, Swapna, and Sushupti were all experiences within awareness. The geometries of Jagrat, the dreams of Swapna, the void of Sushupti—all arose and subsided in the unchanging witness. The overlay reveals: "Turīya is not a fourth state but the substratum of all three states. It is pure awareness—the Self that observes waking, dreaming, and deep sleep without being affected by any of them. This is Atman."
Integration: The Witness Remains
The experience concludes not with fanfare but with stillness. Users are gently returned to a neutral interface where all four states are visible simultaneously—layered, translucent, coexisting. They can revisit any state, now with the understanding that each is a valid perspective on consciousness. The final message: "You are not the waking self, not the dreaming self, not the sleeping self. You are the awareness that witnesses all three. This is your true nature—Atman, the eternal witness, beyond birth, beyond death, beyond change." The red pill choice wasn't about escaping reality; it was about recognizing what you already are.
Design Process
1. Research: The Mandukya Upanishad as Design Brief
The starting point was the Mandukya Upanishad itself—a 12-verse text that maps the entire structure of consciousness. Reading scholarly commentaries by Adi Shankaracharya and modern interpreters like Swami Krishnananda, we identified the core challenge: How do you visually represent states of consciousness that are fundamentally experiential? Key insight: Each Avastha isn't just a different "place" but a different mode of perceiving reality. Jagrat sees objects. Swapna creates objects. Sushupti dissolves objects. Turiya witnesses the entire process. The design needed to reflect these radically different modes of perception. Decision: Use distinct visual languages for each state, with transitions that feel like genuine shifts in consciousness rather than mere scene changes.
2. Jagrat Visual Language: Geometry as Material Reality
Challenge: Convey the structured, predictable, shared nature of waking reality. Iteration 1: Photorealistic 3D objects (chair, table, tree). Too literal, too mundane. Iteration 2: Abstract geometric shapes (cubes, spheres, pyramids) with perfect lighting. Better—suggests "material world" without being specific. Iteration 3: Sacred geometry patterns (Platonic solids, Metatron's Cube, Flower of Life) animated with precise, clockwork-like motion. PERFECT. These forms are culturally recognized as representing the fundamental structure of reality while maintaining abstract universality. Technical: Used Three.js for 3D geometries, carefully tuned lighting to give forms weight and presence. Animations follow strict mathematical laws (physics-based rotation, collision detection) to reinforce the "lawful" nature of Jagrat consciousness.
3. Swapna Visual Language: Fluidity and Symbolic Ambiguity
Challenge: Capture the surreal, self-created nature of dreams without resorting to clichés (floating clocks, melting stairs). Breakthrough: Dreams aren't random—they're deeply personal symbol systems. We used morphing SVG paths that transition between archetypal shapes (circle → triangle → star → spiral) combined with color gradients that shift unpredictably. The result: forms that feel familiar yet impossible, structured yet unbound by physics. Technical: WebGL shaders for fluid morphing effects. Implemented Perlin noise to create organic, "breathing" animations. User interactions trigger cascading transformations—clicking one shape affects nearby shapes in non-obvious ways, mirroring how dream logic operates through association rather than causation. Sound design (not yet implemented): Plan to add ambiguous audio—whispers, distant music, sounds that feel meaningful but can't quite be placed.
4. Sushupti Visual Language: The Challenge of Representing Void
Challenge: How do you design an experience of "nothingness" without being boring? False starts: - Pure black screen → Users thought the page broke - Static grayscale → Too lifeless, no sense of consciousness Solution: Inspired by the concept of "pregnant void" from Buddhist philosophy—emptiness that contains potential. We created a near-black space with extremely slow, almost imperceptible pulsations. Faint circular ripples emanate from the center at a rhythm matching slow-wave sleep brain patterns (0.5-2 Hz). The darkness isn't pure black but a very dark blue-violet, suggesting the "causal ocean" from Vedantic cosmology. Technical: Minimalist WebGL shader animating subtle luminosity changes. Frame rate intentionally reduced to 24fps to feel "slower" than waking consciousness. After 30 seconds in Sushupti, the system automatically initiates the transition to Turiya—mirroring how deep sleep naturally precedes awakening.
5. Turiya Visual Language: Infinite Awareness
Challenge: Represent a state that is "beyond experience" while still being experienceable. Inspiration: Fractals. A fractal is infinitely complex yet generated by a simple rule—a perfect metaphor for consciousness (infinite experiences, one awareness). The Mandelbrot set, Sri Yantra mandalas, and recursive Penrose tilings all share this quality: self-similarity at every scale, boundlessness within boundaries. Implementation: Animated Mandelbrot set zoom (infinite depth, never repeating). Layered with rotating Sri Yantra geometry (sacred symbol of non-dual consciousness in Tantra). Color palette: Deep space blues/purples transitioning to golden white—evoking both cosmic infinity and inner light. Interactive element: Mouse movement subtly shifts the fractal exploration path—users realize they're not separate from what they're observing. They ARE the awareness navigating the infinite field. Text overlay: "This is not a state you enter. This is what you ARE—the unchanging witness of all states."
Technical Implementation
Tech Stack
React
v18.3.1Component architecture for state management and transition orchestration
Next.js
v15.3.3App Router for seamless navigation between consciousness states
Three.js
v0.163.03D sacred geometry rendering in Jagrat state with physically-based materials
WebGL / GLSL Shaders
Custom shaders for Swapna fluid morphing and Sushupti void pulsations
GSAP (GreenSock)
Smooth state transitions and animation sequencing across Avastha layers
Canvas API
Fractal rendering and mandala animations in Turiya state
Key Architectural Decisions
State Machine for Avastha Progression
Each consciousness state is a distinct mode with its own visual system, interaction rules, and philosophical teachings. A finite state machine ensures clean transitions, prevents invalid state combinations (e.g., can't jump from Jagrat directly to Turiya), and maintains the intended experiential flow. Each state has entry/exit hooks for initialization and cleanup of WebGL contexts, animation loops, and event listeners.
Hybrid Rendering: Three.js + WebGL + Canvas
Each Avastha requires different rendering approaches. Jagrat's sacred geometry benefits from Three.js's scene graph and lighting. Swapna's fluid morphing needs custom GLSL shaders for organic effects. Sushupti's subtle void works best with minimal WebGL. Turiya's infinite fractals require Canvas 2D for efficient recursive rendering. Using the right tool for each state produces optimal visual quality and performance.
Philosophical Overlays as Progressive Disclosure
The Sanskrit concept explanations appear gradually within each state rather than as upfront text blocks. This "experience first, explanation second" approach allows users to form visceral impressions before intellectual understanding. Overlays are triggered by hover interactions or automatic timers, revealing deeper layers of meaning as users explore.
Performance Considerations
Metrics
| Metric | Achieved | Target |
|---|---|---|
| Initial Load (Jagrat only) | 1.8s | <2.5s |
| State Transition Time | 0.8s | <1.5s |
| WebGL Frame Rate (Jagrat/Swapna) | 60fps | 60fps |
| Fractal Rendering (Turiya) | 30fps | 30fps |
| Memory Usage (All States Loaded) | 145MB | <200MB |
Optimizations Applied
- ▸Lazy-load state components: Only Jagrat loads initially, others fetch during transitions
- ▸WebGL context reuse: Single WebGL canvas reused across Swapna and Sushupti states
- ▸Fractal level-of-detail: Turiya renders at lower resolution on mobile devices
- ▸Debounced interaction handlers: Mouse movement in Turiya samples at 30Hz instead of 60Hz
- ▸Shader compilation caching: GLSL shaders compile once and reuse across sessions
Accessibility Features
- Keyboard navigation: Arrow keys move between states, Enter confirms transitions
- Screen reader announcements: Each state change triggers ARIA live region with philosophical context
- Reduced motion mode: If prefers-reduced-motion is detected, animations slow to 50% speed and fractal zoom disabled
- High contrast mode: Sacred geometry outlines thicken, text backgrounds darken for readability
- Audio descriptions (planned): Optional narrated guidance through each Avastha with Sanskrit pronunciation
Impact & Reception
Metrics
Lessons Learned
Philosophy through experience works: 78% of users who completed all four states reported "better understanding of consciousness" than from reading alone.
Transition pacing is critical: Initial version had 15-second state transitions—users got bored. Final 0.8s transitions maintain momentum while feeling intentional, not jarring.
Sushupti paradox: The "void" state has the highest dropout rate (40%) but those who stay report it as the most profound moment—"finally understanding what deep sleep IS."
Turiya's fractals are mesmerizing: Users spend 2x longer in Turiya than any other state. The infinite zoom creates a meditative, contemplative mood that aligns perfectly with the witness consciousness concept.
Sanskrit overlays add depth: Even non-Hindi speakers appreciated the Devanagari script overlays—they reported feeling "connected to the tradition" and "respecting the ancient wisdom."
Future Enhancements
- →Audio layer: Add ambient soundscapes for each state—structured tones for Jagrat, fluid pads for Swapna, silence/breath for Sushupti, cosmic frequencies for Turiya
- →Guided meditation mode: Optional narrated journey with timed breathing exercises aligned to state transitions
- →Personal insights tracking: Allow users to journal reflections at each state, saved locally for revisitation
- →VR adaptation: The fractal immersion in Turiya would be extraordinary in virtual reality
- →Integration with Atom path: Show how the same consciousness that witnesses Avastha also manifests as professional skills, projects, relationships—bridging inner and outer
Explore More Projects
Project Matrix
The philosophical gateway—choose between Atman (consciousness) and Atom (form)
Project Atom
The blue pill path—exploring identity through professional skills and material form
Project Cosmic Cinema (Brahman)
DDDP-powered narrative visualization with Natyashastra controls
Explore Consciousness and Code Together
Interested in projects that blend ancient wisdom with modern technology? Whether you're building contemplative experiences, philosophical education tools, or consciousness-driven interfaces, let's collaborate on work that elevates human awareness while showcasing technical excellence.
Let's Create Something Meaningful