AVWBeta
ajad van wyk
About
Portfolio
Tech Stack
Blog
Gallery
Stimming
Resources
AVW
Get in touch

Let'sbuildsomethingremarkabletogether.

Start with the background, selected work, or the profile brief for a sharper read on the practice and the work behind it.

Get in TouchProfile Brief

Explore

About
Portfolio
Blog

Expertise

Finance & Investment
Legal Framework
AI & Innovation
Research & Writing

Resources

Browse Study Notes
Download LLM Profile
Tech Stack
Gallery

Trust

Email
Download Profile Brief
About AVW
Selected Work

Latest Notes

Archive

Phoenix

X Algorithm

Thunder

X Algorithm

X Algorithm — For You Feed

X Algorithm

AVWCape Town, South Africa

© 2026 Ajad Van Wyk. All rights reserved.

Stimming

Calm, Focus & Create

A personal space for sensory regulation, creative exploration, and discovering how AI and modern browser technologies can improve life, sharpen thinking, and unlock new possibilities.

Choose a pattern
Ready

Box Breathing

A calming 4-4-6-2 breathing pattern used for focus and stress regulation.

Stimming refers to self-stimulatory behaviour used for sensory regulation. This page provides purposeful, structured patterns that support focus, calm, and proprioceptive grounding — tools that AVW finds personally useful and worth sharing.

Build in the browser

What you can create with AI & modern web

The browser is no longer just a document viewer—it’s a creative engine. Combine AI models, WebGL, audio APIs, and real-time collaboration to build experiences that were impossible just a few years ago. Each concept below is achievable today with tools like v0, AI SDK, and modern browser APIs.

Audio + AI

AI Sound Scapes

Generate ambient soundscapes directly in the browser using the Web Audio API combined with AI models. Create personalised calming environments—rain, wind, binaural beats—that adapt to your mood and focus state in real time.

Web Audio APIReal-time generationMood-adaptive
Canvas + ML

Generative Art Studio

Build an interactive generative art studio that runs entirely in the browser. Use Canvas or WebGL to create evolving visual compositions, with AI models suggesting colour palettes, compositions, and generative rules based on your creative intent.

WebGL / CanvasStyle transferInfinite variations
Three.js + AI

3D Scene Builder

Construct immersive 3D environments using React Three Fiber and AI-powered object placement. Describe a scene in natural language—a misty forest, a neon cityscape—and watch it materialise with physics, lighting, and interaction baked in.

React Three FiberNatural languagePhysics engine
Primary
Sky
Teal
Emerald
Indigo
Speech + AI

Voice-Driven Interfaces

Create browser-based tools that respond to voice commands using the Web Speech API and LLMs. Build accessible, hands-free interfaces for note-taking, navigation, or creative workflows—all without leaving the browser tab.

Web Speech APILLM processingAccessibility-first
AI for life

Technology that improves quality of life

AI isn’t just a productivity tool—it’s a lens for understanding ourselves and designing better lives. Each concept below demonstrates how browser-based AI can address real human needs: mental health, cognitive growth, financial clarity, and intentional living. These are the projects Ajad van Wyk believes matter most.

Drag to shift mood

Accessible care

Wellbeing & Mental Health

AI-powered mood tracking, personalised meditation generators, and cognitive behavioural therapy chatbots that adapt to individual needs. Browser-based tools can provide immediate, accessible mental health support without app downloads or subscriptions.

Approach & Strategy

Build empathetic interfaces that feel human, not clinical. Use warm colour palettes, gentle animations, and conversational AI that respects the user’s emotional state.

Sharper thinking

Cognitive Enhancement

Interactive brain training exercises, spaced repetition systems powered by AI scheduling algorithms, and adaptive learning platforms that evolve with the learner. These tools can help strengthen memory, focus, and problem-solving abilities.

Approach & Strategy

Leverage neuroplasticity research to design exercises that gradually increase in complexity. AI personalises difficulty curves, ensuring users remain in their zone of proximal development.

Informed decisions

Financial Literacy & Planning

AI-assisted budget visualisers, investment scenario modellers, and plain-language contract analysers that democratise financial understanding. These tools translate complex financial concepts into interactive, comprehensible experiences.

Approach & Strategy

Combine legal and financial expertise with AI to break down jargon. Interactive charts let users explore "what-if" scenarios—making abstract numbers feel tangible and actionable.

00:00
Meaningful output

Productivity & Goal Systems

Intelligent task prioritisation engines, AI-powered time-blocking assistants, and dynamic goal-tracking dashboards that adapt strategies based on progress patterns and behavioural data.

Approach & Strategy

Design for intentionality, not just efficiency. The best productivity tools help users question what matters—not just do more. AI surfaces patterns in work habits to suggest structural improvements.

Live playground

Interactive demos you can engage with now

These aren’t static mockups—they’re live, interactive demos running directly in your browser. Each one demonstrates a core technique that underpins more complex AI-powered applications. Hover, click, and drag to explore.

Neural Network Visualiser

Watch a simulated neural network pulse with activation patterns. Each node represents a neuron, with connection strength visualised through opacity and thickness—a window into how AI "thinks".

Flow Field Generator

Particles follow an algorithmically generated vector field, creating organic, ever-evolving patterns. This technique underpins many generative art systems and data visualisation approaches.

Drag to shift mood

Mood Colour Engine

Drag the slider to shift the colour spectrum. This demonstrates how AI-driven interfaces can adapt visual environments to emotional states—warmer hues for energy, cooler tones for calm.

00:00

Focus Timer

A minimal Pomodoro-style timer built entirely with browser APIs. Demonstrates how simple, well-designed tools can meaningfully improve daily productivity and attention management.

Strategy & process

How Ajad van Wyk approaches technology

Understanding and embracing technology isn’t about chasing trends—it’s about building systems that compound value over time. These pillars represent the strategic framework behind every project, combining legal rigour, financial acumen, and technological innovation to create solutions that genuinely improve how organisations operate.

01

Interdisciplinary Thinking

The most innovative solutions emerge at the intersection of fields. By combining expertise in finance, law, and technology, Ajad van Wyk approaches problems with a multi-dimensional lens—seeing connections that specialists within a single domain might miss.

02

Systems-Level Design

Rather than solving isolated problems, the focus is on designing systems that create compounding value. Every tool, interface, and workflow is built to integrate with the broader ecosystem—reducing friction and amplifying the impact of each component.

03

Accessible Innovation

Technology should amplify human capability, not gatekeep it. Every project is designed with accessibility in mind—both in terms of usability (clear interfaces, sensory-aware design) and access (browser-based, no installations, works on any device).

04

Iterative Prototyping

Ideas are cheap; validated ideas are priceless. Using AI-accelerated development tools, concepts move from sketch to interactive prototype rapidly—allowing stakeholders to experience solutions before committing resources to full builds.

Project blueprints

Build these in your browser today

Each project below is a practical, buildable application that demonstrates how AI and modern web technologies solve real problems across industries. They represent the intersection of Ajad van Wyk’s expertise in finance, law, and technology—showing how deep domain knowledge combined with AI creates tools that truly serve their users.

Legal Tech

AI Document Analyser

Upload a PDF or paste text—an LLM extracts key clauses, flags risks, summarises in plain language, and generates a structured report. Built entirely in the browser using edge functions and streaming responses.

AI SDKPDF.jsStreaming UI
FinTech

Portfolio Risk Visualiser

An interactive dashboard that models portfolio risk scenarios in real time. Drag sliders to adjust asset allocation, and watch Monte Carlo simulations visualise potential outcomes with animated probability distributions.

RechartsWeb WorkersMonte Carlo
People Analytics

Team Sentiment Dashboard

A real-time dashboard that analyses team communication patterns (with consent) to surface burnout signals, engagement trends, and collaboration health. AI provides actionable recommendations for team leads.

NLPWebSocketD3.js
EdTech

Adaptive Learning Paths

An AI tutor that assesses knowledge gaps through interactive quizzes, then generates personalised learning paths with curated resources, spaced repetition schedules, and progress visualisations.

AI SDKSpaced repetitionProgress tracking
RegTech

Regulatory Compliance Checker

Paste organisational policies or contracts and receive an AI-powered compliance audit against selected regulatory frameworks (GDPR, SOX, MiFID II). Visual traffic-light indicators highlight areas needing attention.

LLM analysisRegulation DBVisual reporting
Entrepreneurship

Startup Pitch Simulator

An AI-powered pitch practice tool that listens to your presentation, analyses clarity, pacing, and persuasion techniques, then provides structured feedback with suggestions for improvement—all running locally.

Web SpeechAI feedbackReal-time analysis
Advanced concepts

Push the boundaries further

Beyond the fundamentals, these advanced concepts explore the frontier of what’s possible when AI meets the browser platform. Each represents an entire domain of creative and technical exploration.

Collaborative Whiteboards

Real-time multiplayer canvases with AI-assisted drawing, shape recognition, and layout suggestions. Built with WebSockets and CRDT conflict resolution.

WebSocketCRDTCanvas

On-Device ML Inference

Run machine learning models directly in the browser using WebAssembly and WebGPU. Perform image classification, text generation, or style transfer with zero server round-trips.

WebGPUWASMONNX

Interactive Data Stories

Transform raw datasets into scrollytelling narratives with animated charts, annotated transitions, and AI-generated insights that guide readers through complex information.

D3.jsScroll-linkedAI narration

AI Design Systems

Generate entire design token systems—colours, typography scales, spacing—from a single brand description. Preview live in the browser and export production-ready CSS.

Design tokensLive previewCSS export

Procedural Animations

Create mesmerising procedural animations using noise functions, particle systems, and flow fields. AI can suggest parameters and compositions based on aesthetic goals.

Perlin noiseFlow fieldsGPU shaders

Gesture-Controlled UIs

Use the webcam and TensorFlow.js hand-tracking to build gesture-based interfaces. Swipe, pinch, and point to control browser applications without touching the screen.

TensorFlow.jsMediaPipeGesture API
Philosophy

How to approach creative experimentation

01

Start with Curiosity

Every project begins with a question. What if sound could be visual? What if layouts built themselves? The browser is an infinite sandbox—start by playing.

02

Iterate Rapidly

Modern tools like v0 and AI SDK make it possible to go from idea to interactive prototype in minutes, not weeks. Fail fast, learn faster, and ship something real.

03

Make It Interactive

The best browser-based creations respond to the user. A mouse movement, a voice command, a scroll—interaction transforms static pages into living experiences.

Regulation is not suppression — it is choosing how to engage with the world on your own terms.

Structure creates space for calm. Intention creates space for innovation.

The same principle applies to building—constraints and structure free you to create with intention. The browser, paired with AI, is the most accessible creative platform ever built. Use it.

Ajad van Wyk embraces technology not as an end in itself, but as a force multiplier for human potential—bridging finance, law, and innovation to build systems that make organisations smarter, people more capable, and complex problems more approachable. The projects and ideas on this page are a window into that philosophy in action.