EXHIBITION 01 / INTRODUCTION

MoizAlqamari

Crafting · Thoughtful · Digital · Experiences

EXHIBITION 02 / BIOGRAPHY

Moiz Alqamari

Creative Developer · UI/UX Designer

I operate at the boundary where raw technical architecture meets expressive digital motion. I design and build production-grade web systems characterised by fluid layout dynamics, typographic confidence, and responsive precision.

At 18 years old, I believe that the web is not a medium for delivering information — it is a medium for creating experience. Every project I ship is evidence of that belief.

OccupationCreative Developer
Age18 Years
Based InPakistan
AvailableFor Hire
Core GoalTransform information into continuous interactive experience.
Portrait of Moiz Alqamari

EXHIBITION 03 / CAPABILITIES

Skills

Core UI

HTML & CSS

Semantic markup, custom properties, grid/flex mastery, and animation-grade CSS that ships fast.

Logic

JavaScript

Event-driven architectures, async patterns, DOM manipulation, and performance-critical scripting.

Logic

TypeScript

Type-safe component APIs, strict configurations, and interface-first design for maintainable codebases.

Frameworks

React

Component composition, custom hooks, context APIs, and Suspense-driven data loading strategies.

Frameworks

Astro

Islands architecture, content collections, SSG/SSR hybrid rendering, and zero-JS-by-default philosophy.

Core UI

Tailwind CSS

Utility-first systems, design token layering in v4, and constraint-based visual consistency at scale.

Motion

Anime.js

Timeline sequencing, SVG path tracing, physics-based easing, and scroll-driven choreography.

Design

Figma

Component libraries, auto-layout mastery, design token management, and prototyping interactive flows.

Core UI

Responsive Design

Mobile-first strategies, fluid typography, container queries, and intelligent content reflow at every breakpoint.

Motion

Interaction Design

Hover states, micro-interactions, transition choreography, and the art of making interfaces feel alive.

Design

UI/UX Design

User research translation, information architecture, visual hierarchy, and designing for accessibility from day one.

EXHIBITION 04 / PORTFOLIO

Selected Works

4 PROJECTS

Design Studio Preview

Design Studio

2026

A Professional Design Studio website with a unique and elegant UI and GSAP animations.

AstroTypeScriptTailwind v4GSAPLenis
GitHubLive Demo→
Law Firm Preview

Law Firm

2026

A production-grade law firm website with very elegant and minimal UI and Anime.js animations.

AstroTypeScriptTailwind v4Anime.jsLenis
GitHubLive Demo→
Coffee Shop Preview

Coffee Shop

2026

A full-stack coffee shop website with a very minimal yet modern UI and Framer Motion animations.

AstroTypeScriptTailwind v4Framer MotionLenis
GitHubLive Demo→
The Portfolio Preview

The Portfolio

2025

A high-performance portfolio website with optimistic UI, edge-deployed SSR, image CDN pipeline, and Core Web Vitals scores above 95 on mobile.

ReactNext.jsTailwind v4Framer MotionLenis
GitHubLive Demo→

EXHIBITION 05 / WORKFLOW

Creative Journey

01

Discover

Deep research into user needs, competitive landscape, and technical feasibility. Every assumption gets challenged.

02

Wireframe

Rapid lo-fi sketching to test layout hypotheses before touching color or type.

03

Design

Building the full design system — tokens, component library, and interaction states — before the first dev sprint.

04

Prototype

High-fidelity interactive prototypes that feel real enough to test with humans, not just stakeholders.

05

Develop

Production-grade Astro and TypeScript with semantic HTML, performance budgets, and clean component boundaries.

06

Optimize

Lighthouse audits, Core Web Vitals tuning, and accessibility compliance before every release.

07

Launch

Staged deployment with rollback strategy. The launch is the beginning, not the finish line.

EXHIBITION 06 / HISTORY

Timeline

2021

First Line of Code

Self-Taught

Started with HTML and CSS — building static pages and realising that the gap between a design and a live website was something I wanted to close completely.

2022

JavaScript & DOM Mastery

Independent Study

Moved beyond templates into event-driven logic, async JavaScript, and the art of making the browser respond to human intention with precision.

2023

Design Systems & UI/UX

Personal Projects

Discovered that great interfaces begin in Figma, not in code. Built a design token system and component library that taught me consistency at scale.

2024

Frameworks & Motion Design

Production Builds

Shipped production sites with React and Astro. Began studying animation seriously — scroll choreography, physics easing, and the invisible craft of timing.

2025

The Spine — Exhibition Portfolio

Personal Magnum Opus

Conceived and built this website. A continuous interactive exhibition driven by an organic SVG physics engine that has no beginning and no end.

EXHIBITION 07 / CONTACT

Let's Build Something Together

Open to collaborations, freelance projects, and creative conversations. Reach out through any channel below.

EXHIBITION 08 / QUESTIONS

Common Questions

I design for continuous experience first, then engineer the technical architecture to support it. Code should serve the story, not the other way around.

Both. I take on select client collaborations where creative freedom and technical ambition align. Reach out and we can talk through what makes sense.

Astro, TypeScript, Tailwind CSS v4, Anime.js, and Lenis form my current core stack. Figma for design systems. I choose tools based on project requirements, not trends.

Everything animates using CSS transform and opacity exclusively — no layout-triggering properties. Physics loops run outside React render cycles. Reduced motion is always respected.

Selectively. I prioritize projects where design quality and technical depth are the primary goals. Send me a message through the Social section above.