AppGraph

Memento Mori — a scroll-driven single-page WebGL meditation on mortality. The visitor descends through four acts (The Descent, The Relic, The Reckoning, Eternity), each a scene state tweened by GSAP ScrollTrigger as a smouldering stone relic with ember-glowing cracks builds in heat and intensity before returning to stillness. Heavy film grain, vignette, bloom and drifting embers; a low ambient drone gated by a SILENCE toggle. No backend — every inscription is compiled into a static Vite bundle served from Vercel's CDN.

14 files · 8 components · 3 flows

• Three.js
• GSAP
• Lenis
• TypeScript
• Vite
• GLSL
• +2

RecipeAI is an AI-powered recipe generator built as a Next.js App Router SPA. It generates recipes via the Groq LLM (with a predefined dataset fallback), persists saved recipes in browser localStorage, and loads recipe imagery from the Unsplash CDN.

57 files · 8 components · 5 flows

• Next.js
• React
• TypeScript
• Tailwind CSS
• Radix UI / shadcn
• Framer Motion
• +2

A freight and warehouse marketplace for Uzbekistan & CIS. Features cargo listings, warehouse spaces, token-gated contact reveals (1 token = 1 reveal, 30-day free re-reveal), SMS OTP authentication via Eskiz.uz, and a 10-tab user profile dashboard.

52 files · 24 components · 6 flows

• Next.js
• React
• TypeScript
• Tailwind CSS v4
• motion/react
• Zustand
• +2

An art-gallery experience built on the Next.js App Router with React Server Components, rendering curated artwork galleries, timelines, and detail dossiers. Route pages import static constants in-process and fetch the Met Museum and Rijksmuseum Open Access APIs over HTTPS, while client widgets manage transient UI and audio state through Zustand stores.

35 files · 15 components · 5 flows

• Next.js
• React
• TypeScript
• Tailwind CSS
• shadcn/ui
• Framer Motion
• +2

A portal to the Renaissance: thirteen public-domain masterworks hung on the inner wall of a WebGL sphere as gilded manuscript plates. Cinzel/EB Garamond typography, Roman-numeral years, illuminated folio pages with catalogue entry, palette and curiosities, era filters, and a low-volume classical soundtrack (Für Elise, Lacrimosa piano arrangement) served locally from Wikimedia Commons recordings. Static Vite build on Vercel.

15 files · 9 components · 3 flows

• Three.js
• GSAP
• TypeScript
• Vite
• WebGL
• GLSL
• +2

Source Becomes System — a scroll-driven WebGL visualization of a compiler pipeline. The visitor descends through four stages as raw source text assembles into tokens and a syntax tree, imports resolve into a force-directed dependency graph, the graph executes with data flow shown as light pulses travelling the edges, and finally the whole thing scales up into a full application landscape textured with real 'capture plates' (screenshots of the author's own projects). Three.js drives a bloom-composited scene with InstancedMesh nodes and edges, GSAP ScrollTrigger + Lenis tie the stage transitions to scroll progress, and GLSL shaders render the edge pulses and node glow. No backend — the dependency graph and capture plates are compiled into a static Vite build served from Vercel's CDN.

16 files · 9 components · 3 flows

• Three.js
• GSAP
• Lenis
• TypeScript
• Vite
• GLSL
• +1

An Atlas of Extreme Objects — a scroll-driven single-page WebGL experience where the visitor descends through five real astrophysical objects, each a distinct 3D scene state: the Black Hole (event horizon + lensed accretion disk), the Galaxy (spiral particle structure + dark-matter halo), the Nebula (volumetric emission cloud), the Pulsar (neutron star + sweeping radio beams), and the Star (the Sun's structure and fate). Three.js drives a bloom-composited scene over a GPU starfield, GSAP ScrollTrigger + Lenis tie camera descents to scroll progress, GLSL shaders render the lensing, nebula volume and star surface, and a Web Audio ambient pad sits behind a SILENCE toggle. No backend — every fact and asset is compiled into a static Vite build served from Vercel's CDN.

17 files · 9 components · 3 flows

• Three.js
• GSAP
• Lenis
• TypeScript
• Vite
• GLSL
• +2

Da Vinci Codex is a static-content Next.js 15 App Router site that renders Server/Client Components which import an in-process TypeScript dataset. It has no application database or API backend; the only network egress is browser-side image fetching from Wikimedia Commons.

63 files · 9 components · 5 flows

• Next.js
• React
• TypeScript
• Tailwind CSS
• Zustand
• Framer Motion
• +2

ShowData is a fully client-side Next.js single-page app that visualizes algorithms — sorting, pathfinding, and trees. All algorithm compute and state live in the browser; no network backend is contacted at runtime.

63 files · 12 components · 5 flows

• Next.js
• React
• TypeScript
• Tailwind CSS
• shadcn
• Zustand
• +2

A C++/CLI Windows Forms desktop application that implements Dijkstra's shortest-path algorithm with an interactive GDI+ graph editor canvas. It sequences through an animated splash screen, a login form, and a full graph editor where users can add nodes and edges, run the algorithm with step-by-step timer animation, and view or copy the result.

19 files · 12 components · 5 flows

• C++/CLI
• .NET Framework 4.8
• Windows Forms
• GDI+/Drawing2D
• System.ComponentModel.Timer
• MSBuild
• +1

NovaStore is a premium e-commerce storefront built on Next.js 16 (App Router, React 19) with a PocketBase backend over SQLite. It uses a Feature-Sliced Design layout and falls back to the dummyjson.com REST API when PocketBase is unavailable.

76 files · 12 components · 5 flows

• Next.js
• React
• TypeScript
• PocketBase
• tailwindcss
• shadcn
• +2

A chill procedural road trip. No score. No game over. Just the road, the weather, and the horizon. A fully playable, relaxing 3D endless-driving game: choose one of eight rides, then steer a seeded, procedurally streamed road through shifting biomes and dynamic weather while a speed/distance HUD, three camera modes and a Photo Mode let you settle into the drive. Three.js drives the render with post-processing for weather and cinematic looks, a requestAnimationFrame game loop runs fixed-step arcade physics, and a Web Audio mixer blends an engine synth, music and ambience. No backend — a static Vite build served from Vercel's CDN, with settings saved in localStorage.

17 files · 9 components · 3 flows

• Three.js
• TypeScript
• Vite
• WebGL
• GSAP
• Web Audio
• +1

Real-time face attribute analysis and identity recognition app. Polls webcam frames from a React SPA, routes them through a FastAPI backend to DeepFace for age/gender/emotion analysis, and optionally matches faces against a JSON registry using face_recognition (dlib). dlib is optional — attribute analysis continues without recognition when absent.

45 files · 11 components · 5 flows

• React
• TypeScript
• Vite
• Zustand
• Tailwind CSS
• Framer Motion
• +8

A full-stack hand-drawn digit recognition app where users draw digits on a browser canvas and the React frontend sends pixel data to a FastAPI backend that classifies them using an in-process PyTorch CNN trained on MNIST. The app provides per-digit confidence scores alongside the top predicted digit.

18 files · 11 components · 5 flows

• React
• Vite
• Tailwind CSS
• FastAPI
• Uvicorn
• PyTorch
• +3

Imposter is a single-process, fully offline Android pass-and-play party game for 3-12 players on one phone. Built with Kotlin and Jetpack Compose, it deals hidden roles, reveals word cards per player, and resolves votes and eliminations entirely in-process with no network tier.

78 files · 16 components · 5 flows

• Kotlin
• Jetpack Compose
• Material 3
• Hilt
• Navigation Compose
• DataStore
• +2

Phantom.land-style 3D work gallery: the camera sits at the centre of a WebGL sphere whose inner wall is tiled with project cards drawn onto canvas textures. Inertial drag controls, a custom lens-distortion post pass (barrel, vignette, edge blur, grain), History-API routing with deep-linked detail pages, list view and category filter. No backend — a static Vite build served from Vercel's CDN.

14 files · 8 components · 3 flows

• Three.js
• GSAP
• TypeScript
• Vite
• WebGL
• GLSL
• +1

A brutal/industrial gym training PWA for workout plans, session logging, and progress analytics with a multilingual exercise library. Built on Next.js 15 (App Router, RSC) with a PocketBase backend reached through a /pb rewrite proxy.

135 files · 13 components · 5 flows

• Next.js
• React
• TypeScript
• Tailwind CSS v4
• shadcn/ui
• TanStack Query
• +2

A machine waking up — a scroll-driven neon-noir arcade where the grid powers on around you as you descend. Three.js drives an emissive-glow pipeline (UnrealBloom over a cyberpunk palette) while GSAP ScrollTrigger and Lenis tie a narrative camera through a boot sequence, a world hub of game portals, and two procedurally assembled low-poly / wireframe levels built from InstancedMesh. At the bottom waits The Arena: a real playable scout-ship arcade game with keyboard/pointer input, enemy spawns, collision and a score+combo loop, with high scores persisted to localStorage. No backend — a static Vite build served from Vercel's CDN.

17 files · 10 components · 3 flows

• Three.js
• GSAP
• Lenis
• TypeScript
• Vite
• GLSL
• +2

A backend-less single-page React portfolio served as static assets from Vercel's CDN. All dynamic behaviour happens client-side, calling third-party REST APIs (GitHub, Telegram, ipify, Vercel Analytics) directly with no first-party backend.

56 files · 13 components · 5 flows

• React
• Vite
• react-router-dom
• styled-components
• framer-motion
• axios
• +2

A local RAG chatbot where documents are ingested into a persistent ChromaDB vector store and users can ask natural-language questions answered exclusively from ingested content with source citations. The backend calls a local Ollama daemon for both embeddings and chat generation using llama3.2, with no cloud LLM dependency.

20 files · 9 components · 5 flows

• FastAPI
• Uvicorn
• LangChain
• ChromaDB
• Ollama
• React
• +3

Full-stack ML web app where a React SPA issues debounced POST requests to a FastAPI service, which loads a joblib-serialized scikit-learn GradientBoostingRegressor pipeline to predict property prices with ±15% confidence intervals. The model is trained offline by train.py and deployed as model.pkl.

15 files · 11 components · 5 flows

• React
• Vite
• Tailwind CSS
• FastAPI
• Uvicorn
• scikit-learn
• +4

NeuroSchool is a predominantly client-rendered Next.js App Router education marketing site. It ships course catalog, pricing, dashboard, and auth pages with custom React-Context i18n; the only server route is a stub /api/auth, and no database, cache, or external service is wired in.

48 files · 11 components · 5 flows

• Next.js
• React
• TypeScript
• Tailwind CSS
• Motion
• lucide-react
• +2

A Python 3 desktop application that visualizes Dijkstra's shortest-path algorithm on an interactive Tkinter canvas. It provides an animated splash screen, a file-backed credential login and registration system, an interactive graph editor for adding weighted nodes and edges, and a step-by-step animation loop driven by Tk after() callbacks that colours nodes and logs progress to a result panel.

11 files · 10 components · 5 flows

• Python 3
• Tkinter
• tkinter.ttk
• heapq
• math
• os
• +1

COSMOS is a fully client-rendered Next.js App Router site presenting an interactive atlas of 52 celestial objects, with all catalog content and locale strings bundled at build time and no backend service. It tracks user discovery progress in a persisted Zustand store backed by localStorage.

60 files · 13 components · 5 flows

• Next.js
• TypeScript
• React
• Tailwind CSS v4
• Zustand
• Motion
• +2

A Next.js App Router web app that visualizes a user's Spotify listening statistics. The Next.js Route Handlers act as a backend-for-frontend (BFF) proxy: the React client never calls Spotify directly except for the OAuth authorize redirect, and all data calls pass through server routes that read the httpOnly access-token cookie.

59 files · 12 components · 5 flows

• Next.js
• React
• TypeScript
• Tailwind CSS
• @tanstack/react-query
• Zustand
• +2

A Scroll Through Deep Time — scroll position is the timeline. The visitor descends from 3000 BCE to the present through six historical eras (Antiquity, Classical, Medieval, Industrial, Modern, Present), each anchored by a procedurally generated monument and tinted by its own fog and lighting. Lenis smooths the scroll and feeds GSAP ScrollTrigger, which maps scroll progress directly onto the year shown and tweens the Three.js atmosphere as each era boundary is crossed; an artifact ledger surfaces one object per era and a Colophon credits the technique. No backend, no pre-made models or photography — all geometry is generated in GLSL and the whole experience is a static Vite build served from Vercel's CDN.

15 files · 9 components · 3 flows

• Three.js
• GSAP
• Lenis
• TypeScript
• Vite
• GLSL
• +1

A Zoom Across Scale — one switch flips, and a scroll carries the visitor across nine orders of magnitude through five continuous scale stages: a single transistor gate (Origin), billions of transistors on a wafer (The Chip), a component breakdown and assembly (The Device), a planet of interconnected nodes (The Network), and the algorithms, ML models and analytics that ride on top (The Data). Three.js drives an infinite-zoom camera rig over an EffectComposer pass, GSAP ScrollTrigger + Lenis map scroll progress to a single continuous scale, InstancedMesh renders thousands of network nodes, and an adaptive DPR ladder steps render resolution down on weak GPUs to hold framerate. No backend — every scale's geometry is procedural and its copy is compiled into a static Vite build served from Vercel's CDN.

17 files · 9 components · 3 flows

• Three.js
• GSAP
• Lenis
• TypeScript
• Vite
• GLSL
• +1

A car drawn in light — a scroll-driven 3D walkaround of a 2026 concept car rendered as real glTF geometry lit in a virtual studio, not stock images. Five scroll sections (Silhouette reveal, aerodynamic Exterior, Engine / powertrain teardown, a live Paint clearcoat configurator, and Specs / telemetry) tie a camera dolly and part reveals to scroll progress. Three.js drives a MeshPhysicalMaterial clearcoat paint shader and studio HDRI lighting through an EffectComposer, GSAP ScrollTrigger + Lenis smooth scroll choreograph the descent, and a device-tier LOD ladder keeps it real-time on mobile. No backend — the spec sheet is compiled into a static Vite build served from Vercel's CDN.

15 files · 9 components · 3 flows

• Three.js
• GSAP
• Lenis
• TypeScript
• Vite
• GLSL
• +2

A scroll-driven, single-page occult WebGL narrative — "A Grimoire of the Dead", a black-magic rite forged in WebGL. The visitor scrolls through five movements (The Black Gate · The Bone Oracle · The Sigil Wakes · The Summoning · And Then, The Void), each a scene state animated by GSAP ScrollTrigger over a Three.js skull with green-glowing eyes, an animated pentagram sigil, drifting embers and red mist, finally dissolving into silence and darkness. Custom GLSL post-processing handles the skull glow, film grain and mist; Web Audio drives an ambient drone gated by a SILENCE toggle. No backend — every verse is compiled into the static Vite bundle and served from Vercel.

14 files · 8 components · 3 flows

• Three.js
• GSAP
• Lenis
• TypeScript
• Vite
• WebGL
• +3

A C# Windows Forms desktop application targeting .NET 8 that implements Dijkstra's shortest-path algorithm with an interactive GDI+ canvas graph editor. It sequences through an animated splash screen, a SHA-256-secured login/registration form backed by a JSON user store, and a main graph editor where users build weighted graphs and run the algorithm with a 300 ms timer-driven animation.

9 files · 10 components · 5 flows

• C#
• .NET 8
• Windows Forms
• GDI+/System.Drawing
• System.Text.Json
• SHA-256
• +2

A client-side single-page tattoo studio website (Dragon Ink — Tattoo Sanctuary) built with React 19 and Vite 8. It is fully static: routing, multilingual i18n (ru/en/uz) and portfolio rendering run in the browser, with the only outbound call being the contact/booking form posting to the Telegram Bot API.

42 files · 11 components · 5 flows

• React
• Vite
• react-router-dom
• framer-motion
• i18next
• Tailwind CSS
• +2