Abdullrahman
HomeAboutProjectsResearchSkillsContact
Download CV
Back to Archive
Project 01 // Core Engine

Metal Shader
FX.

Physically inspired metallic border effects for Flutter widgets

DOCUMENTATION
FlutterDartShadersUI EffectsPackage
FLU
Flutter
DAR
Dart
SHA
Shaders
UI
UI Effects
pub.devDistribution
3Widgets
BRDFEffect model
Process // 01

The Challenge

High-end metallic UI effects usually require custom shader knowledge and careful math.

Bottleneck Analysis

Identification of relay failures in distributed nodes.

Process // 02

The Solution

  • Adapted Cook-Torrance microfacet lighting concepts to Flutter border rings.
  • Provided ready-to-use widgets for metallic buttons, toggle cards, and text fields.
Architecture

Visual Chronicles

Abdullrahman

© 2026 Abdullrahman. Built for high-end AI research.

LinkedInGitHubPrivacyTerms
Documented the math behind the effect for developers who want to understand or extend it.
Solution visualization