Available for projects

Ammar Yusri

UI/UX Engineer specializing in user-centered design, HTML/CSS, and modern UI standards, bridging design and development to create intuitive, scalable digital experiences.

4+
Years Experience
20+
Projects
2
Open Source Libs
Ammar Yusri
UI/UX Design
Frontend Dev
UI/UX Design Figma Design Systems HTML / CSS GSAP Animations React WordPress Motion Design User Research Prototyping UI/UX Design Figma Design Systems HTML / CSS GSAP Animations React WordPress Motion Design User Research Prototyping

UI Design

I design intuitive, user-focused digital experiences that balance aesthetics with functionality. My work spans enterprise systems, responsive websites, and mobile applications, always built with scalability and usability in mind.

↑ 12.4% ↑ 8.1% ↓ 2.3%
Enterprise

ERP / Reporting Systems

Complex data dashboards with clean, actionable interfaces.

Website

Website Design

Responsive, conversion-optimized web designs for all devices.

Mobile

Mobile App UI

Smooth, thumb-friendly mobile experiences with native feel.

Healthcare

Hospital Management System UI

Accessible, stress-reducing interfaces for clinical environments.

Libraries & Open Source

Developer tools I've built and published to help the community build better UIs and smarter applications.

📦

Multi-Color Progress Bar

Excited to announce the release of my open-source Multi-Color Progress Bar, now available on npm. This customizable component allows developers to visualize progress using multiple colors, making UIs more engaging and informative. Ideal for tracking downloads, completion status, or any progress-based metric.

npm HTML / CSS JavaScript
View on npm
🤖

ALEX – Python Voice Assistant

ALEX is a Python-based AI voice assistant designed to streamline tasks, provide information, and enhance productivity through voice commands. Built with user experience in mind, ALEX simplifies daily routines and enables seamless human–computer interaction.

Python AI Voice Assistant
View on PyPI

UI/UX Skills

From discovery to delivery — precision tools, refined process, and deep craft across the full design spectrum.

Design Proficiency

UI/UX Design95%
Figma & Prototyping92%
Design Systems88%
User Research & Testing80%
Motion & Interaction Design78%

Development Proficiency

HTML & CSS93%
JavaScript82%
React / Next.js74%
CSS Animations & GSAP85%
WordPress & CMS70%
🎨
Figma
Design Tool
✏️
Adobe XD
Prototyping
🌐
HTML / CSS
Frontend
JavaScript
Scripting
⚛️
React
UI Framework
🎬
GSAP
Animation
🎭
ProtoPie
Interaction
📱
Mobile UI
App Design
🔷
Design Systems
Scalable UI
01
Discover
Research, empathy mapping & stakeholder interviews to define real problems
02
Define
User flows, information architecture & wireframes to shape the solution
03
Design
High-fidelity UI, design systems, micro-interactions & pixel-perfect craft
04
Deliver
Dev handoff, usability testing, iteration & production-ready assets

Component Showcase

Polished, accessible components built with modern design principles — the kind you'd ship to production.

YouTube – Tech With Ammar

I help people use everyday tech smarter — from AI tools for image and video generation, to hidden phone features, privacy tips, and how artificial intelligence fits into your daily life.

Visit Channel

Photography & Video Editing

Photography

I explore visual storytelling through photography, focusing on composition, lighting, and mood to capture meaningful moments.

Video Editing

I create clean, engaging video edits optimized for social media and digital platforms, blending motion, rhythm, and storytelling.

Get In Touch

Have a project in mind or just want to say hello? I'd love to hear from you. Let's build something great together.

💬 I typically respond within 24 hours. Whether it's a quick question or a full project brief — I'm all ears.