Emil Kowalski's banner

Emil Kowalski

@emilkowalski • 70,140 subscribers

Currently @linear, https://t.co/uxXxCQx3aK

Shorts

Don’t animate keyboard-initiated actions. As an example, I use Raycast hundreds of times a day. If it animated every time I opened it, it would make it feel slow, delayed, and disconnected from my actions. But there’s no animation at all. That’s the optimal experience.

Don’t animate keyboard-initiated actions. As an example, I use Raycast hundreds of times a day. If it animated every time I opened it, it would make it feel slow, delayed, and disconnected from my actions. But there’s no animation at all. That’s the optimal experience.

314,291 просмотров

Made this interaction of Linear’s dithered logo for our latest release. It’s using canvas with a lot of tiny dots. There’s an invisible circle around the cursor. Any dot inside it gets pushed outward with a cubic falloff so it’s gentle on the edges, and strong at the center.

460,233 просмотров

You might’ve seen this bug before where the hover state keeps flickering. The fix is to separate the trigger from the effect. Listen for hovers on the parent, but animate a child element instead. This ensures that the hover area stays consistent.

You might’ve seen this bug before where the hover state keeps flickering. The fix is to separate the trigger from the effect. Listen for hovers on the parent, but animate a child element instead. This ensures that the hover area stays consistent.

663,528 просмотров

One of my favorite things from the new Linear homepage are these side drawers which you can open to get some info about a specific feature. Made with Base UI’s dialog component and some ease-out.

One of my favorite things from the new Linear homepage are these side drawers which you can open to get some info about a specific feature. Made with Base UI’s dialog component and some ease-out.

48,459 просмотров

There’s a fun little easter egg in my animation course: As enrollment gets closer to closing, the butter cube melts more with each hour by animating the svg paths.

There’s a fun little easter egg in my animation course: As enrollment gets closer to closing, the butter cube melts more with each hour by animating the svg paths.

138,093 просмотров

A high-ROI tip from is to record your animations and play them frame by frame to spot imperfections you wouldn’t otherwise notice. These hidden imperfections are what makes an animation feel off, even though it looks alright at first glance.

A high-ROI tip from is to record your animations and play them frame by frame to spot imperfections you wouldn’t otherwise notice. These hidden imperfections are what makes an animation feel off, even though it looks alright at first glance.

30,250 просмотров

Introducing Animations on the web A course about how to craft animations that make people feel something. It contains everything I know about motion on the web.

Introducing Animations on the web A course about how to craft animations that make people feel something. It contains everything I know about motion on the web.

650,595 просмотров

Hover transitions seen tens, maybe even hundreds of times a day can make your interface feel slower. Make them snappy by removing the transition altogether.

Hover transitions seen tens, maybe even hundreds of times a day can make your interface feel slower. Make them snappy by removing the transition altogether.

115,120 просмотров

Keep your animations fast. A faster-spinning spinner makes you think the app loads faster. It improves perceived performance. The same applies to user-initiated actions. Use `ease-out` to make them feel snappy and responsive.

Keep your animations fast. A faster-spinning spinner makes you think the app loads faster. It improves perceived performance. The same applies to user-initiated actions. Use `ease-out` to make them feel snappy and responsive.

101,854 просмотров

Some animations for the hero section of animations[.]dev. Made by a course student (dimi). Coming soon.

Some animations for the hero section of animations[.]dev. Made by a course student (dimi). Coming soon.

47,559 просмотров

Some exciting updates coming to my animation course soon. Here’s a sneak peek (this won’t be a lesson on 3D):

Some exciting updates coming to my animation course soon. Here’s a sneak peek (this won’t be a lesson on 3D):

25,634 просмотров

Trying some stuff out and I kinda like that the button changes color depending on the state that it's in?

Trying some stuff out and I kinda like that the button changes color depending on the state that it's in?

47,948 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

You can enroll in my animation course for the next 10 days! It's the perfect way to learn the theory behind great animations, but also how to build them in code. Now with a skill file for agents. We'll cover all of these components and more, source code included.

You can enroll in my animation course for the next 10 days! It's the perfect way to learn the theory behind great animations, but also how to build them in code. Now with a skill file for agents. We'll cover all of these components and more, source code included.

556,677 просмотров • 4 месяцев назад

A year at Linear

A year at Linear

402,736 просмотров • 7 месяцев назад

You can enroll in my animation course for the next 10 days! It's the perfect way to learn the theory behind great animations, but also how to build them in code. We'll cover all of these components and more, source code included.

You can enroll in my animation course for the next 10 days! It's the perfect way to learn the theory behind great animations, but also how to build them in code. We'll cover all of these components and more, source code included.

333,475 просмотров • 8 месяцев назад

Quick demo of the skill file. Improve any animation based on my knowledge and experience gathered over the years:

Quick demo of the skill file. Improve any animation based on my knowledge and experience gathered over the years:

65,053 просмотров • 1 месяц назад

A demo of the animations[.]dev skill file using Claude Code. It can review your animations, suggest improvements, and basically answer all your motion-related questions based on my experience gathered over the years.

A demo of the animations[.]dev skill file using Claude Code. It can review your animations, suggest improvements, and basically answer all your motion-related questions based on my experience gathered over the years.

123,399 просмотров • 4 месяцев назад

My animation course is live! It contains everything I know about animations on the web. We'll build all of these and more.

My animation course is live! It contains everything I know about animations on the web. We'll build all of these and more.

249,312 просмотров • 1 год назад

Few interactions and animations from the new Linear homepage

Few interactions and animations from the new Linear homepage

42,767 просмотров • 3 месяцев назад

A few interactive demos from a recent addition to my animation course: A six-part module on SVG animations where you’ll learn about the coordinate system, path syntax, stroke properties, and more. We’ll end up building some of the illustrations from the course’s homepage.

A few interactive demos from a recent addition to my animation course: A six-part module on SVG animations where you’ll learn about the coordinate system, path syntax, stroke properties, and more. We’ll end up building some of the illustrations from the course’s homepage.

38,732 просмотров • 3 месяцев назад

Introducing Vaul 1.0. A drawer component for React. Rewritten, improved, with new docs.

Introducing Vaul 1.0. A drawer component for React. Rewritten, improved, with new docs.

118,961 просмотров • 1 год назад

Some Linear Method interactions

Some Linear Method interactions

38,066 просмотров • 4 месяцев назад

More than 900 designers and engineers have joined my animations course in the last 10 days. That's more than 6,600 students in total since January 2024. Extremely grateful. You still have ~2 hours to join!

More than 900 designers and engineers have joined my animations course in the last 10 days. That's more than 6,600 students in total since January 2024. Extremely grateful. You still have ~2 hours to join!

66,700 просмотров • 10 месяцев назад

Больше нет контента для загрузки