Back to Home

Labs

The retro-OS-shell concept and other experimental builds. Things that are fun, broken, or in progress.

amaanos@visitor ~
Welcome to AmaaNOS v1.0.0
Type 'help' to see available commands.
visitor@amaanos:~$

Side Projects

Imgx

Smarter image loading for the web

DocsSource
npm packageLicense: MIT

Imgx is a lightweight, framework-agnostic image loading library for the web. It only enhances images you explicitly opt into with a configurable data-* attribute such as data-imgx, and leaves every other <img> untouched.

Why Imgx

Modern image loading often becomes a mix of one-off lazy-loading code, placeholder CSS, fallback logic, and component-specific behavior. Imgx packages those concerns into a reusable ES module with a small public API and a pluggable renderer system.

What It Does

  • Selectively targets marked images only
  • Auto-initializes on DOMContentLoaded
  • Supports manual init() and rescan()
  • Tracks a clear lifecycle: idle → loading → loaded → error
  • Uses IntersectionObserver for lazy loading with fallback behavior
  • Supports global config, per-image overrides, and programmatic overrides
  • Includes built-in renderers: skeleton, svgAnimation, blurPreview, dominantColor, fallback
  • Supports transitions, retry logic, fallback sources, and a plugin API

MPM

Minimal package manager

DocsSource
npm packageLicense: MIT

MPM (Minimal Package Manager) is a CLI tool that fetches only the assets you need (.min.js, .css, etc.) from npm packages without installing the entire node_modules tree.

Stop pulling gigabytes of dependencies just to get a single minified file. MPM resolves packages from the npm registry, extracts their tarballs, intelligently ranks the files, and copies the best candidate(s) into an asset_modules/ folder (or your custom output directory). Built on top of npm for speed, low risk, and a familiar workflow.

Why MPM?

  • Saves disk space – no node_modules bloat, only the final assets.
  • Fast – downloads only the tarball, extracts temporarily, and copies what matters.
  • Low risk – doesn't execute any package code, never runs postinstall.
  • Smart ranking – automatically picks the most likely asset (minified, inside /dist, matching package name, reasonable size).
  • Fallback to GitHub – if npm fails, MPM scans GitHub repositories for the same asset patterns.
  • Tracks everything – updates your package.json under an "assets" section for reproducibility.

Molt

International trade business

WebsiteSource
Next.js 16React 19Tailwind CSS v4

Molt is a Next.js website for an international trade and sourcing business based in India. It presents the company's services, explains the sourcing workflow, captures trade inquiries, and sends inbound submissions through an SMTP-backed contact API.

What This Project Includes

  • Landing page sections for hero, about, process, services, client profiles, sourcing request, and CTA content
  • A dedicated /contact page with a general inquiry form
  • Legal pages for /terms, /privacy, and /disclaimer
  • A shared API route at /api/contact that handles both contact and sourcing request submissions
  • SEO essentials including metadata, Open Graph tags, robots.js, and sitemap.js

Tech Stack

  • Next.js 16 App Router
  • React 19
  • Tailwind CSS v4
  • Nodemailer for email delivery
  • Vercel Analytics and Speed Insights