@merlin.studio / Footer / 2023

A seamless journey through high-performing animations, smooth page transitions, and interactive elements.
Interaction is at the heart of our work.

Good design means crafting an experience that's enjoyable and easy to understand.

Design by WØRKS Studio, dev by us!

#web #webdev #animation #a11y

Using CSS Grid, we rebuild grid systems from Figma with a small trick: instead of relying on margins, we use extra columns.
This lets us create full-width spans without breaking the layout.

It’s a system that’s fast, efficient, and reliable—helping us get layouts right the first time.

Performance updates ✅

A seamless journey through high-performing animations, smooth page transitions, and interactive elements.
Interaction is at the heart of our work.

Good design means crafting an experience that's enjoyable and easy to understand.

Design by WØRKS Studio, dev by us!

#web #webdev #animation #a11y

We often get asked about what we're doing, so we introduced updates on our site:
merlin.studio/updates

Check them out! It's a mix of articles, news mentions, and awards.

We also updated the page transition 👀
@merlin.studio

#web

Hello World!

Reflective Glass Shader, by Servin, contains a custom glass shader, a reflective floor, and an environment map.
#webgl #threejs #shader #webdev

Created with @threejs.bsky.social and @pmnd.rs #r3f during Creative Friday.

🧙🏻‍♂️ From Eurovision Village to WebAR for Dior,
Mees Rutten's creations at @merlindotstudio.bsky.social are nothing short of magical! Discover these innovative projects and how Mees’s personal journey empowers his work.

✨ Read the interview here: okaydev.co/articles/mee...

Just polishing the wands.

CSS 3D Animation with position sticky 👀

A wizard is never late, Frodo Baggins. Nor is he early; he arrives precisely when he means to.

just setting up my twttr