GEMALA.DEV / STUDIO0%
Engineering Toolbox / Tech Stack

High-grade instruments for creative engineering.

Every technology in my stack is chosen with purpose: to build digital products that are calm to use, lightning fast to load, and robust to scale.

9+ Core Technologies 60 FPS Animation Standards 100% Type-Safe Architecture
Stack Health StatusOptimal
Core EngineNext.js 16 + React 19
Motion PhysicsGSAP + Lenis
A11y StandardWCAG 2.1 Level AA
Next.js
Primary Core3+ Years
Framework & Architecture

Next.js 16 (App Router)

Server Components (RSC), streaming SSR, Edge middleware, and zero-layout-shift routing.

TypeScript
Production Standard3+ Years
Type Safety

TypeScript 5

Strict typing across design tokens, UI component props, and API endpoint schemas.

Specialist2+ Years
Motion Choreography

GSAP & ScrollTrigger

Complex multi-timeline orchestrations, scrubbed scroll triggers, and SVG morphing.

Signature TouchProduction
Fluid Inersia Scroll

Lenis

Hardware-accelerated smooth scrolling with natural weight and momentum physics.

Tailwind CSS
Daily Driver3+ Years
Styling Architecture

Tailwind CSS v4

Fluid typography curves, custom design tokens, dark mode variables, and micro-animations.

Figma
Advanced3+ Years
UI/UX & Prototyping

Figma

Atomic design systems, variable color modes, interactive component states, and handoff.

VSCodium
WorkflowDaily
Development Environment

VS Code & Zsh Terminal

Curated keybindings, Git lens integration, ESLint strict configs, and rapid snippet generators.

Git
Continuous CI/CD3+ Years
Version & Collaboration

Git & GitHub Actions

Semantic commit conventions, branching strategies, and automated preview deployments.

Vercel
DeploymentDaily
Edge Infrastructure

Vercel Platform

Edge functions, real-time analytics monitoring, web vitals reporting, and instant preview URLs.

Need These Capabilities?

Looking for a frontend developer who crafts with precision?

Available for technical contracts, architecture overhauls, and modern UI engineering.

Let’s Build Together ↗