---
title: Lab
url: "https://mahdif.com/lab/"
---

# Lab

> Experiments and small explorations.

- **Clapping Reaction** [Prototype](https://clap-reaction.netlify.app/) · [Article](https://mahdif.com/blog/reinventing-the-clap-reaction)
- **Chat Messages Animation** [Prototype](https://airtime-comps.netlify.app/chat-message-animation) · [Source Code](https://github.com/MahdiF/airtime-vue-components)
- **Chat Button Micro-Interactions** [View Code](https://codepen.io/mahdi/pen/abZYBVb)
- **Reactions & Emoji Picker** [Prototype](https://airtime-comps.netlify.app/) · [Source Code](https://github.com/MahdiF/airtime-vue-components)
- **Gravity Simulation** [View Code](https://codepen.io/mahdi/pen/VwKORxE)
- **Floating Tags** [View Code](https://codepen.io/mahdi/pen/GRNJZbg)
- **Glowing Particles** [View Code](https://codepen.io/mahdi/pen/qBaeBpP)
- **Minimal Loading Indicators** [View Code](https://codepen.io/mahdi/pen/ZEbmoJM)
- **Rakuten Ready's Micro Design System** [View Code](https://codepen.io/mahdi/pen/rPGjNq)
- **Restaurants Console Tablet App Prototype** [View Code](https://codepen.io/mahdi/pen/KJWdVK)
- **Money Stack CSS Animation** [View Code](https://codepen.io/mahdi/pen/ZqXYLz)
- **CSS Only Drawing App** [View Code](https://codepen.io/mahdi/pen/rKjaZK)
- **Cointrace's Loading Indicator** [View Code](https://codepen.io/mahdi/pen/VyyZdw)
- **CollegeVine's Loading Indicator** [View Code](https://codepen.io/mahdi/pen/ooKxaK)
- **Orbiting Planet** [View Code](https://codepen.io/mahdi/pen/VmrgQY)
- **Tap tap tap game circles** [View Code](https://codepen.io/mahdi/pen/kXzQRk)
- **English Alphabets Game** [View Code](https://codepen.io/mahdi/pen/JGNeOK)
- **Web Terminal** [View Code](https://codepen.io/mahdi/pen/rOqpBJ)