Creator design portfolio

Jakub Krehel

@jakubkrehel on X ↗

Curated archive of 35 design references, UI interactions, and animations published by Jakub Krehel on X.

35 Works 22,439 Likes 998,819 Views

About Interfere https://interfere.com/about - Jakub Krehel

About Interfere https://interfere.com/about

@jakubkrehel

A clean card designer interface lets users randomize a pixel grid a... - Jakub Krehel

A clean card designer interface lets users randomize a pixel grid and preview bold color themes in real time.

@jakubkrehel

It’s incredible that /make-interfaces-feel-better has already been... - Jakub Krehel

It’s incredible that /make-interfaces-feel-better has already been installed more than 30,000 times. It contains a lot of tips that make interfaces feel better, across UI, animati...

@jakubkrehel

Introducing Interfaces A design engineering magazine about building... - Jakub Krehel

Introducing Interfaces A design engineering magazine about building great interfaces. A new issue is released every month covering topics across animation, typography, layout, col...

@jakubkrehel

We’ve been spending way too much time on this sidebar with @paulfai... - Jakub Krehel

We’ve been spending way too much time on this sidebar with @paulfaivret . We re-structured the Interfere navigation, so we added this subtle animation to transition between the tw...

@jakubkrehel

Details from the new @interfere_ website - Jakub Krehel

Details from the new @interfere_ website

@jakubkrehel

If you run into an issue where you can scroll past a navigation bar... - Jakub Krehel

If you run into an issue where you can scroll past a navigation bar or other containers in your app, you can use `overscroll-behavior: none` to prevent it. You can also do this on...

@jakubkrehel

Animated stroke-dasharray - Jakub Krehel

Animated stroke-dasharray

@jakubkrehel

Shimmer - Jakub Krehel

Shimmer

@jakubkrehel

A demo component I built for my article about shared layout animati... - Jakub Krehel

A demo component I built for my article about shared layout animations

@jakubkrehel

Working on some fun components for the @_interfere inbox view - Jakub Krehel

Working on some fun components for the @_interfere inbox view

@jakubkrehel

2025 - Jakub Krehel

2025

@jakubkrehel

Infinite Card Stack - Jakub Krehel

Infinite Card Stack

@jakubkrehel

When nesting elements the outer border radius should always equal t... - Jakub Krehel

When nesting elements the outer border radius should always equal the inner border radius + padding.

@jakubkrehel

`clip-path` buttons - Jakub Krehel

`clip-path` buttons

@jakubkrehel

If you want to achieve the same effect as `active:scale-x` or `hove... - Jakub Krehel

If you want to achieve the same effect as `active:scale-x` or `hover:scale-x` but with spring animations, you can use the `whileTap` and `whileHover` gestures in Motion.

@jakubkrehel

Shared Origin-Aware Tooltip - Jakub Krehel

Shared Origin-Aware Tooltip

@jakubkrehel

Been having a lot of fun animating SVGs lately. I usually make them... - Jakub Krehel

Been having a lot of fun animating SVGs lately. I usually make them in Figma, export the code and then animate them using the `pathLength` prop in Motion.

@jakubkrehel

A little visual tweak I use a lot is adding a pseudo element with a... - Jakub Krehel

A little visual tweak I use a lot is adding a pseudo element with a 1px border and a black or white color (depending on the mode) with 10% opacity. This helps create a sense of de...

@jakubkrehel

Wrote a short article about building this animated pattern. - Jakub Krehel

Wrote a short article about building this animated pattern.

@jakubkrehel

Sign-In Dialog - Jakub Krehel

Sign-In Dialog

@jakubkrehel

AnimatePresence in Motion is very powerful. It allows you to animat... - Jakub Krehel

AnimatePresence in Motion is very powerful. It allows you to animate elements as they enter and exit the react tree. It has three different modes that affect how the animation beh...

@jakubkrehel