[{"title":"Vritti UI","description":"Animated React components and blocks you copy-paste into your shadcn/ui project. 560+ components, 240+ blocks, a visual theme editor, and a suite of creative tools (shaders, generative art, WebGL textures) — crafted for design engineers.","date":"2026-06-09","stack":["React 19","Next.js 16","Tailwind v4","Motion","Three.js","TypeScript"],"demo":"https://vritti.thesatyajit.com/","featured":true,"kind":"projects","slug":"vritti","body":"\nComponents crafted for design engineers — animated components and blocks you copy\nand paste into your shadcn/ui project. No package installs, full ownership.\n\n```bash\nnpx shadcn@latest add \"https://vritti.thesatyajit.com/r/shimmer-button\"\n```\n\n**560+ components** across 14 categories — backgrounds, animations, text effects, buttons,\ncards, charts, layouts, navigation, carousels, cursors, inputs, media, shaders, and the\ngenuinely weird ones. **240+ blocks** — pre-built page sections for real apps: auth,\npricing, e-commerce, billing, dashboards, modals, testimonials, footers, FAQ, AI & Web3.\n\nBeyond components, it ships a set of **creative tools** that run online or install into\nyour project: Art Studio (9 generative-art tools), Background Studio, Shape Studio (an SVG\neditor), Texture Studio (30+ stackable WebGL filters), Shader Studio (87 production-ready\nshaders), Dither Studio, a visual Theme Editor (42 presets, Google Fonts, contrast\nchecker, CSS export), and native haptics. There's an interactive playground for tuning\ncomponent props live, and AI components (chat streaming, image generation, voice, AI\nsearch) for LLM-native UIs.\n\nEverything is copy-paste, shadcn-style — you own the source. It's the most ambitious thing\non this page: a full component ecosystem, a design-tool suite, and a theme system, built on\nReact 19, Next.js 16, Tailwind v4, Motion, and Three.js.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/vritti"},{"title":"torch-point-ops","description":"High-performance PyTorch library for 3D point-cloud operations, with custom CUDA kernels.","date":"2026-05-18","stack":["PyTorch","CUDA","C++","Python"],"repo":"https://github.com/satyajitghana/torch-point-ops","featured":true,"kind":"projects","slug":"torch-point-ops","body":"\nA PyTorch library for 3D point operations — nearest-neighbour, sampling, and grouping\nprimitives — implemented as fused CUDA kernels for throughput on large point clouds.\n\nBuilt to back LiDAR and 3D-perception pipelines where the Python-side ops were the\nbottleneck. Exposes a clean `torch` autograd-compatible API over the native kernels.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/torch-point-ops"},{"title":"fabrik","description":"@fabrik-sdk/ui — a generative-UI SDK for any LLM. The model decides what to render, not just what to say.","date":"2026-03-23","stack":["TypeScript","React","Vercel AI SDK","Zod","Motion"],"repo":"https://github.com/satyajitghana/fabrik","demo":"https://fabrik-ui.vercel.app","featured":true,"cover":"/projects/fabrik.png","kind":"projects","slug":"fabrik","body":"\nMost LLM apps are text in, text out. **fabrik** lets the model answer with *interface* —\nit picks and fills real React components (cards, forms, charts, pickers) instead of\nemitting a wall of prose. The AI decides what to show.\n\nIt's provider-agnostic: wire it to any model through the Vercel AI SDK (Gemini, OpenAI,\nAnthropic, …), keep the API key server-side in a single route handler, and render the\nstreamed component tree on the client. Components are validated with Zod schemas, so the\nmodel can only produce UIs you've defined — no arbitrary markup, no injection surface.\n\nThe bet behind it: as models get better at tool use, the next interface isn't a chat\nbubble — it's a UI the model assembles on the fly for the task at hand.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/fabrik"},{"title":"rentree","description":"From soil to your doorstep. Rent a farm plot or adopt a fruit tree, watch it grow through real photo updates from your farmer, and get the organic harvest delivered — with QR provenance from planting to plate.","date":"2026-03-17","stack":["Next.js","React","TypeScript","Supabase","Drizzle ORM","Tailwind v4"],"repo":"https://github.com/satyajitghana/rentree","demo":"https://rentree-now.vercel.app","featured":false,"cover":"/projects/rentree.png","kind":"projects","slug":"rentree","body":"\nRentree connects people with organic farms across India. Instead of buying produce off a\nshelf, you rent a plot or adopt a tree: your farmer grows your food, sends real photo\nupdates as it grows, and ships it when it's ready.\n\nRent a plot for a season (tomatoes, herbs, rice — whatever grows), or adopt an apple,\norange, or mango tree and get the whole harvest. Every tree carries a QR code, so you can\nscan and trace the full journey from planting to your plate. A clean Next.js 16 app on\nSupabase + Drizzle, with the provenance trail as the trust mechanism that makes the model\nwork.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/rentree"},{"title":"Quantum Orbital Visualizer","description":"Interactive 3D atomic electron orbitals, rendered as hundreds of thousands of particles from the exact Schrödinger solutions — with swappable JS / Rust-WASM / C++23-WASM compute backends.","date":"2026-03-06","stack":["Next.js","Three.js","Rust (WASM)","C++23 (WASM)","Tailwind v4","Zustand"],"repo":"https://github.com/satyajitghana/atoms","demo":"https://atoms.thesatyajit.com","featured":true,"cover":"/projects/atoms.png","kind":"projects","slug":"atoms","body":"\nEach visualization is the probability density |ψ|² of a hydrogen-like electron, computed\nfrom the exact solutions to the Schrödinger equation and rendered as up to 500K glowing\nparticles in real time. Drive the quantum numbers (n, l, m) and watch the probability\ncloud morph as you go.\n\nThe fun engineering bit is the **dual WASM backends**: the same physics is implemented\nthree ways — JavaScript, Rust→WASM (~41 KB), and C++23→WASM (~28 KB) — and you can switch\nthe compute engine at runtime. Same orbitals, different implementations, side-by-side for\nbenchmarking.\n\nThere's also an Element Explorer: the full periodic table, where clicking any of the 118\nelements parses its electron configuration into individual orbitals you can then visualize\none by one.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/atoms"},{"title":"BOTCHA","description":"An inverted CAPTCHA that keeps humans out. Traditional CAPTCHAs ask you to prove you're human; BOTCHA asks you to prove you're a bot.","date":"2026-02-23","stack":["Next.js","TypeScript","Redis","crypto (SHA-256 / HMAC / JWT)"],"repo":"https://github.com/satyajitghana/botcha","demo":"https://botcha-verify.vercel.app","featured":true,"cover":"/projects/botcha.png","kind":"projects","slug":"botcha","body":"\nOnly an autonomous agent with runtime access to HTTP, cryptography, and byte manipulation\ncan pass — which is the whole joke, and the whole point.\n\nEach challenge is 256 random bytes plus 2–4 byte-level transformation steps written in\nrandomized natural language, inside a 30-second window: fast enough for a machine,\nhopeless for a human copy-pasting into a REPL. The agent must decode the base64, execute\neach transform in order, concatenate the raw byte outputs, `SHA-256` the result, then\n`HMAC-SHA256(key=nonce, message=answer)` and submit both — proving it actually did the\ncomputation. On success it gets a short-lived JWT.\n\nIt's a small, sharp take on a real question the agent era raises: if the web increasingly\nwants to *let bots in* and keep humans out, what does that gate look like?\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/botcha"},{"title":"penora","description":"Beautiful handwriting animation for the web — contour-driven strokes with realistic pen physics: pressure tapering, seeded jitter, and micro-wobble for organic line quality. Type anything, watch it write itself.","date":"2026-02-22","stack":["TypeScript","React","Canvas","npm package"],"repo":"https://github.com/satyajitghana/penora","demo":"https://penora-ui.vercel.app","featured":false,"cover":"/projects/penora.png","kind":"projects","slug":"penora","body":"\nType a string and penora animates it into natural handwriting — not a font fade-in, but\nstroke-by-stroke drawing driven by the glyph contours, with pen physics layered on top:\npressure tapering at stroke ends, seeded jitter so each render is subtly different, and\nmicro-wobble for that hand-drawn quality. Export the result as video or GIF.\n\nShipped as an npm package (`npm i penora`) and as a shadcn registry component you can drop\nstraight into a project. It's the kind of small, self-contained library that's satisfying\nto build: a tight problem (make text look handwritten and *alive*) with a lot of room for\ncraft in the details.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/penora"},{"title":"Hyr","description":"An AI-powered resume platform — upload once, then let it tailor your resume to every job: matching keywords, tone, and requirements to beat ATS filters and land more callbacks.","date":"2026-02-20","stack":["Next.js","TypeScript","Tailwind v4","Google Gemini"],"repo":"https://github.com/satyajitghana/hyr","demo":"https://hyred.vercel.app","featured":false,"cover":"/projects/hyr.png","kind":"projects","slug":"hyr","body":"\nDrop in any PDF resume and Hyr parses it into a structured, fully editable format —\ninline editing for every section, no forms or modals. From there it tailors the resume\nper job posting, aligning keywords and tone to the listing so it gets past ATS screening\nand reads as a real fit.\n\nBuild, tailor, optimize, and track the whole job search in one place. The AI work runs on\nGemini behind a server route; the parsing-to-structured-data step is the part that makes\nthe rest of the editing experience feel clean rather than fighting a PDF.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/hyr"},{"title":"MockLab","description":"A social-media mockup generator — pixel-perfect mockups for 21+ platforms (X, LinkedIn, Instagram, WhatsApp, Slack, iMessage, …). Edit every detail on the left, see the live preview on the right, export as high-res PNG.","date":"2026-02-13","stack":["Next.js","Tailwind v4","shadcn/ui","Motion","html-to-image"],"repo":"https://github.com/satyajitghana/mocklab","demo":"https://mocklab-sigma.vercel.app","featured":false,"cover":"/projects/mocklab.png","kind":"projects","slug":"mocklab","body":"\nMockLab generates pixel-perfect social mockups across 21+ platforms — social posts (X,\nLinkedIn, Instagram post/story, Reddit, Threads, YouTube, TikTok), chat messages\n(WhatsApp, Telegram, Slack, Discord, iMessage, Snapchat), and Gmail. Edit on the left,\nwatch the live preview on the right, download as 2× PNG.\n\nEverything is configurable: verified badges, reactions, timestamps, read receipts, media\nuploads, and per-message editing for the chat mockups — all with dark/light theming for\nboth the app and every mockup. It's a deceptively deep UI project: each platform is its\nown little pixel-accurate design system to reproduce.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/mocklab"},{"title":"tapcn","description":"Copy-paste UI components for React Native & Expo — like shadcn/ui, but for mobile. The CLI drops component source into your project; you own it completely. iOS, Android, and Web out of the box.","date":"2026-02-13","stack":["React Native","Expo","TypeScript","CLI"],"repo":"https://github.com/satyajitghana/tapcn","demo":"https://tapcn.vercel.app","featured":false,"cover":"/projects/tapcn.png","kind":"projects","slug":"tapcn","body":"\ntapcn brings the shadcn model to mobile: not an npm component library, but a CLI that\ncopies beautifully-designed, accessible component *source* directly into your Expo\nproject. No dependency lock-in, no version conflicts — just code you control and can edit.\n\n```bash\nnpx @tapcn/cli init\nnpx @tapcn/cli add button card input text\n```\n\nComponents work on iOS, Android, and Web from a single source. The whole appeal of the\nshadcn approach — own your components, theme them freely, no black-box library — has been\nmissing on React Native; tapcn fills that gap.\n","readingTimeMins":1,"url":"https://ai.thesatyajit.com/projects/tapcn"}]