Demos / Experiments / Animations
- Flying Carrot
Interactive WebGL demo
- X-ray me
SVG clipping experiment
- Sea #codevember 2018
Animation loop (PIXI, GSAP)
- Metal Drummer #cpc-panda
Interactive SVG animation
- Shadow Puppetry
SVG demo (GSAP) #codevember
- Apple #codevember 2018
SVG animation loop (GSAP)
- Toast #codevember 2018
SVG animation loop (GSAP)
- Coffee #codevember 2018
SVG animation loop (GSAP)
- Black Hole #codevember
Scroll based interaction
- Aurora #alonelysquare
SVG animation using Snap.svg
- Audio Visualization II
Web Audio Experiment (Canvas)
- Audio Visualization III
Web Audio Experiment (Canvas)
- RGB Canvas #codevember
Animation loop (GSAP, PIXI)
- Random canvas
Canvas animation loop
- Raindrop
CSS 3D animation
- Flipping Floor
WegGL (Three.js) animation
- TIME
SVG (SMIL) animation
- SVG clip-path hover
JS/CSS/SVG Interaction
- Direction-aware 3D v2
Interactive JS/CSS demo
- Direction-aware 3D hover
JS/CSS Interaction
- Node Connection
Configurable canvas animation
- Mobiltelefonens Evoltion
SVG morphing experiment
OSS / Libs / Tools
- yacc
Yet another color converter tool
- colour-lovers-palettes
Discover random color palettes
- shadowlord
Tints and shades generator tool
- gemini-scrollbar
Custom overlay-scrollbars
- values.js
Get tints and shades of a color
- psd-guides
Draw photoshop-like guides
- text-gradient
Text gradients with fallback support
- pisces
Smooth scrolling
- pixelify-img
Pixelate DOM images
- react-gemini-scrollbar
React wrapper
- metallum
CLI to get lyrics from metal-archives
- syringe.js
Inject CSS rules at runtime
- image-halt
Cancel the transfer of images
- share-url
Generate social sharing urls
- character-shuffling
Shuffle DOM elements’ text contents
Projects
Some projects I have contributed to
- PlaceIt
Make logos, videos, mockups, flyers, and more without any desing/programming knowledge.
- Open Collective
Make your community sustainable. Collect and spend money transparently.
- The Debt Collective
Organization working to transform individual financial struggles into a source of collective power.
- Majal.org
Ecosystem of platforms with two complementary goals: Freedom of Expression & Access to Information.
- Crodvoice.by
Enabling activists & grassroots organizations to collaboratively curate media related to their causes.
- Making of a Century
Educational app that showcases revolutionary leaders and movements in the past 100 years.
- Mideast Tunes
A web and mobile app showcasing underground musicians in the Middle East and North Africa who use music as a tool for social change.
- Ahwaa
Ahwaa is a safe place for the LGBTQ community of Middle East to provide help to one another with useful advice.