Ali Arafati

JavaScript maniac! Nerding during the day, purring and social at nights! Passionate about performance, usability, tooling and DX.

[Ali Arafati @CitizenOfTheWeb]

I gave a presentation about Webpack in a nutshell :)

#webpack #foocafe #malmojs
https://t.co/kD9IBSQyhG

[Ali Grids @AliGrids]

sun–moon toggle in Figma by figma_hub

[Jarred Sumner @jarredsumner]

This is something that’s bothered me for years

Why is it normal for CLI tools to stick API keys in some text file in your home directory?

[Kevin Levron @soju22]

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl !

Try it with firefox to test webgl fallback : https://t.co/TFEZYchiOX

Source : https://t.co/L6vR0LUUVv

[LN @ln_dev7]

Progressive input stack ✨

Inspired by @nitishkmrk

[virgil pana @virgil_pana]

This is what 4 months of studying @rive_app can get you, I started to learn Rive in January and made most of these in May-June.

[jhey ʕ•ᴥ•ʔ @jh3yy]

css holographic trading card breakdown 🧑‍🍳

a combo of masked layers with mix-blend-mode

pointer position drives the scale/translate of the colored gradients 🌈

check the layers 👇

[Fahadx @onefahadx]

Apple Maps > Google Maps.

This image speaks for itself:

[Nitish Khagwal @nitishkmrk]

pin item interaction ⎯⟡°

[Adrien Griveau @Griveau]

Flip-dot display inspired animated icon for @linear app status.

[Tim Cook @tim_cook]

Expressive. Delightful. But still instantly familiar.

Introducing our new software design with Liquid Glass.

[virgil pana @virgil_pana]

Upload files animation made with Rive.

[Widya Bayu W @RalconStudio]

Book a call that is not boring v2

[Ivan Boroja @ivanboroja]

Activity Feed - Animated

[Seb Cornelius @SebCornelius]

Experimenting with animated bento cards.

[Camden @ Designownow @Designownow_]

I was feeling unreasonably colorful today.
Hope I didn't burn anyones eyes👀
-
Anyway, here is a toggle to a premium plan🤙

[Camden @ Designownow @Designownow_]

Casting icon shadows with progressive blur.

[CJ @ Jackie Brown @CJfromJBW]

Folders & Gradients

[LN @ln_dev7]

Animated Inline Table ✧

Made with Tailwind and Framer Motion.

Inspired by @nitishkmrk

[Tim Wilson @actualTimWilson]

Don't let anybody lose track of your CTA ⬇️

[LN @ln_dev7]

Animated Delete Dialog

Made with Tailwind and Framer Motion.