Space Tourism V2 - Creative
React TypeScript SASS Three.js GSAP API
skills
Skills
Projects
Contact MeFrom over 150 completed projects, this is a curated selection showcasing my work across interactive UI systems, creative coding, animations, and frontend experiments.
-
-
Space Tourism V1 - Clean
React TypeScript TailwindCSS
-
My Hope
html sass javascript GSAP Threejs
-
Web App CV
html sass javascript GSAP
-
CSS Art Gallery
react typescript tailwindcss
-
Landing Page Gallery
react typescript tailwindCSS
-
Creative Mini Projects Gallery
react typescript tailwindCSS
-
Mini Projects Gallery
react typescript tailwindCSS
-
Mini CSS Arts & Anim Projects Gallery
react typescript tailwindCSS
-
Mix Projects Gallery
react typescript tailwindCSS
Services
Contact MeExploring, building, and animating digital experiences that tell a story.
Features
Contact MeSmall details that make every project engaging, interactive, and memorable.
Evolution
Contact MeMy evolution from experimenting with visuals into a self-defined way of building custom, storytelling-driven interactive systems.
-
Phase 01
Visual curiosity
Animations & effects obsession
Sass as first creative tool
HTML / CSS / JS exploration
-
Phase 02
Frontend foundation
GSAP, Canvas, experiments
CSS Art identity forming
First all-in-one projects
-
Phase 03
Custom raw development mindset
Storytelling-driven interfaces
Hybrid frontend + creative coding
Own systems over libraries
-
Phase 01
Visual curiosity
Animations & effects obsession
Sass as first creative tool
HTML / CSS / JS exploration
-
Phase 02
Frontend foundation
GSAP, Canvas, experiments
CSS Art identity forming
First all-in-one projects
-
Phase 03
Custom raw development mindset
Storytelling-driven interfaces
Hybrid frontend + creative coding
Own systems over libraries
Future
Contact MeCheck out the upcoming projects. I'm planning and what's next in line.
CSS Art Anime
A peak CSS Art inspired by anime aesthetics, focused on handcrafted visuals, expressive detail, and polished design using HTML and SCSS.
Designo
A planned 7-page digital agency experience focused on scalability, component reusability, accessibility, and clean frontend architecture using React, TypeScript and TailwindCSS.
Milestones
Contact MeA collection of key milestones that shaped how I approach building interfaces, animations and frontend systems.
CV Web App
First complex frontend project built with vanilla HTML, SCSS and JavaScript, extended with GSAP-based timeline animations and custom interaction systems.Focused on advanced motion logic, UI transitions and experimental CSS Art elements. Built as a foundation for later experimental portfolio systems.
My Hope
My first large-scale experimental project, built as a personal sandbox for pushing frontend boundaries. It combines multiple systems — from UI interactions and animations to data-driven components and creative visuals — all built in a fully custom vanilla stack.
CSS Scene Art
First deeper exploration into complex CSS Art scenes, focused on building larger compositions instead of isolated elements. This phase expanded my understanding of positioning, layering and visual structure, while shaping a more systematic approach to constructing detailed visuals purely with CSS.
Phineas & Ferb
Most advanced CSS Art project I’ve built, focused on recreating complex character designs with high precision and clean structural logic. It combines detailed shape composition, layering and fine-tuned positioning into a single cohesive piece, representing a significant step forward in visual accuracy and technical execution.
Portfolio V1
My latest large-scale frontend project focused on building a more structured and scalable approach to everything I explored in previous work. It combines advanced interaction patterns, animation systems and UI architecture into a unified experience built with a modern vanilla stack.
Faq
Contact MeCurious how I work and create? Here are some quick answers.
Game
Contact MeAn interactive CSS Art memory challenge with playful animations and gameplay.
-
YOU WIN All CSS Arts found
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Showcase
Contact MeA cinematic storytelling reels combining CSS art, animations, 3D work and interactive experiments.
CSS art piece — an interactive old school TV with lightning effect.
00:00
Anabel Leban
He's a self-taught frontend developer mastering creative coding for almost three years. He combines CSS art, animations, GSAP and Three.js effects in his projects while focusing on storytelling and unique interactive experiences.
Diogo Alvago
He loves tackling complex projects and pushing the limits of frontend design. His focus is raw custom solutions — low-level coding instead of copy-paste components, learning and experimenting every day.
The experience begins with an interactive prompt inviting the user to enter the scene. The environment is designed as an immersive narrative and is best experienced with sound enabled.
After entering, a dragon appears and interrupts the scene with a sudden roar. The environment reacts to the impact, creating tension and movement across the composition.
Two characters are introduced into the scene. They respond to the threat by hiding and reacting to the dragon's presence, communicating briefly through visual speech bubbles.
As the dragon disappears, the characters return to view and the situation stabilizes. Their reaction shift from fear to relief, continuing the narrative interaction between them.
The experience concludes with a transition into a final state where the story settles, revealing the underlying structure of the scene and completing the interaction loop.
Process
Behind the scenes of how interactive experiences are shaped through code, motion, and design decisions.
Behind the Scene - My Story
A behind-the-scenes look at how this interactive story was created. It follows the process from the initial idea and early concept, through building the scene, characters, and visual composition, to animation, timing, atmosphere, and final refinement into a complete storytelling experience.