Fast, accessible, pixel-careful interfaces with physics-inspired motion — smooth scrolling, 3D, and craft that feels premium. Currently rendering freelance projects; compiled for a next frontend role.

Contents — Install · Props · Usage · Changelog · Benchmarks · Hire This Component

npm install @emalgari/frontend
# also works with yarn / pnpm / bun — package-manager agnostic, like any good library

import { eMalgari } from '@emalgari/frontend'

<eMalgari
  build={['agency sites', 'product showcases', 'interactive apps']}
  motion={{ scroll: 'lenis', dimension: 'three.js', fps: 60 }}
  collaborate
/>
// => ships fast, accessible, delightful interfaces

• ⚡ Instant Smooth Start — Lenis-powered scrolling; sites feel heavy, premium, and real from the first pixel.
• 🧩 Component-Driven — reusable UI, design-system thinking, clean props and cleaner commits.
• 🎯 Pixel-Perfect by Default — responsive layouts, semantic HTML, CSS that scales (SASS, modern CSS).
• ♿ Accessible & Performant — semantics, keyboard paths, and a performance budget treated as courtesy.
• 🪐 3D When It Earns Its Keep — Three.js/WebGL scenes that serve the story, not the ego.

{
  "name": "@emalgari/frontend",
  "version": "2.4.0",
  "description": "Frontend developer: fast, accessible interfaces with physics-inspired motion.",
  "main": "stockholm.js",
  "scripts": {
    "dev": "vite",
    "learn": "tsc --watch --daily",
    "fika": "run always",
    "cook": "exit 1"
  },
  "dependencies": {
    "html5": "^5", "css3": "^3", "javascript": "es2024", "typescript": "daily-habit",
    "react": "^18", "react-router": "^6", "next": "^15",
    "three": "latest", "lenis": "latest", "sass": "latest", "framer": "latest"
  },
  "devDependencies": {
    "vite": "latest", "bun": "latest", "jest": "*", "playwright": "*",
    "docker": "*", "github-actions": "*", "figma": "*"
  },
  "optionalDependencies": {
    "node": "lts", "python": "3.x", "fastapi": "*", "php": "legacy",
    "mongodb": "*", "postgres": "*", "mysql": "*", "sqlite": "*", "prisma": "*"
  }
}

Note: cook currently throws PastaOnlyError. Patch in progress.

• v2.4.0 (current) — Freelance frontend: interactive sites with Lenis smooth scrolling & Three.js; TypeScript promoted to daily habit.
• v2.0.0 — Major refactor: career switch from physics teacher to web developer. Landed on feet; momentum conserved.
• v1.x — Physics teacher era. Shipped memorable gravity demos (water balloons). Deprecated after administrative conflict.

• #1 Water balloons on the school roof — reported by the principal. Status: wontfix (the kids starred it).
• #2 Cooking module limited to pasta — status: in progress.

• TypeScript fluency (daily commits to the habit branch).
• Deeper Three.js/WebGL motion studies.
• More case studies where design meets motion.

Table 1 — Output & language composition.

Output volume	Language composition

Fig. 1 — Contribution telemetry.

Fig. 2 — Continuity of practice.

⭐⭐⭐⭐⭐ "Explained gravity so well I'll never forget it." — a curious kid

⭐ "Water balloons on the roof. Unacceptable." — the principal

⭐⭐⭐⭐⭐ "A site that finally feels premium." — freelance client, via a friend

Oral examinations welcome: Lenis & smooth scrolling · React/Next patterns · Stockholm fika spots · how to switch careers and land on your feet.

Open to frontend roles, freelance commissions, and motion-driven collaborations. The author works chiefly through personal connections — a referral is the fastest install path. If you know a team that needs a developer who actually cares, I'd love the intro.

Open an issue · Browse releases