Peerlist UI Animation Challenge

Overview of the Project

This is a curated showcase of my submissions for the Peerlist UI Animation Challenge held from 12th to 16th April 2025.

Project Features

• Challenge Examples in Video Format:
  Each day’s challenge is featured as a video example, showing practical animations based on the prompts.

• My Submissions:
  Creative solutions for all five days of the challenge, designed to align with the prompts and adapted to my personal animation style.

• Memories Tied to Submissions:
  Each submission is paired with a memory or reflection, adding a personal and reflective layer to the project.

• Persistent Dark Mode: I have deliberately focused on dark mode only. While there is a light mode preview, it is brief and transitions quickly, as I am utilizing one of my favorite implementations of what I refer to as "persistent dark mode."

Technology Stack

For this project, I utilized a robust set of tools to craft impactful yet simple animations:

• Angular

• TypeScript

• Angular Material

• PrimeNG

• CSS Keyframes & SCSS

• Filmora

Disclaimer

As someone with extensive professional experience in UI design and animations since 2019, covering vanilla JavaScript, pure CSS, SCSS, and popular frameworks like Angular, Bootstrap, and Tailwind, my intention is not to compete but to participate for fun. This project aims to inspire others, share ideas, and explore implementation techniques, including dark mode compatibility 🌙, while showcasing selected UI animations.