Yanis Lebzar

Design engineer & creative developer.

UI interactions, motion, WebGL. Awwwards SOTD + Dev Award, FWA SOTD.

Open for freelance · [email protected]

[Yanis Lebzar @dev_ya]

A few websites I’ve built over the past year.

Booking freelance projects for November and December. DMs open, or [email protected]

[Yanis Lebzar @dev_ya]

Invite ✨

Emails become chips, chips become avatars. Undo sends them back.

Built with @motiondotdev

[Yanis Lebzar @dev_ya]

@pitus_ https://t.co/1xRaYlDEQ5

[Yanis Lebzar @dev_ya]

@masterwaqar_ui @motiondotdev Glad you like it!

[Yanis Lebzar @dev_ya]

Invite ✨

Emails become chips, chips become avatars. Undo sends them back.

Built with @motiondotdev

[Yanis Lebzar @dev_ya]

@Nil_phy_dreamer @motiondotdev Thank you Nil! 🙌

[Yanis Lebzar @dev_ya]

@DevtimiE @motiondotdev Thanks! Both are in: full keyboard support (Space, Shift + arrows, Delete, Cmd + Z), and with reduced motion on, the stacking becomes a simple fade.

[Yanis Lebzar @dev_ya]

Bulk delete ✨

Drag to select, the files stack into one, undo deals them back out.

Built with @motiondotdev

[Yanis Lebzar @dev_ya]

@DougLopesReal @motiondotdev Fair point. On desktop it would need a hint the first time, like a short tooltip after the first tick. Single clicks still work as usual.

[Yanis Lebzar @dev_ya]

@AbelardoIT @motiondotdev You can still individually select them by clicking :)

[Yanis Lebzar @dev_ya]

@eclarkhalid @motiondotdev Yes: arrows to move, Space to tick, Shift + arrows to extend the range, Delete to remove, Cmd + Z to undo.

[Yanis Lebzar @dev_ya]

@AbelardoIT @motiondotdev No, it's press and drag. Hovering only highlights the row, the selection starts when you hold the click.

[Yanis Lebzar @dev_ya]

@_asius @motiondotdev Thank you :)

[Yanis Lebzar @dev_ya]

@lifeoflagan @motiondotdev Appreciate it!

[Yanis Lebzar @dev_ya]

@Ui_meesha @motiondotdev Thanks!

[Yanis Lebzar @dev_ya]

@ikramhsakib @motiondotdev Thank you Ikram!

[Yanis Lebzar @dev_ya]

@JakeMetzDev @motiondotdev Thanks! Fair question. It's borrowed from photo pickers on iOS and Google Photos, where people already drag to select. On desktop it's rarer, so it would need a hint the first time. Single clicks still work as usual.

[Yanis Lebzar @dev_ya]

Bulk delete ✨

Drag to select, the files stack into one, undo deals them back out.

Built with @motiondotdev

[Yanis Lebzar @dev_ya]

@UIXIfti0428 @motiondotdev Thanks man!

[Yanis Lebzar @dev_ya]

Delete interaction ✨

The undo grows out of the button you pressed. Confirm on the same spot.

Built with @motiondotdev

[Yanis Lebzar @dev_ya]

@Invouxly @motiondotdev Thanks 🙌

[Yanis Lebzar @dev_ya]

@UXdesigner42869 @motiondotdev Thanks! That was the whole idea: your eyes and your cursor are already there 🎯