Jakub Krehel
@jakubkrehel
Followers
7K
Following
3K
Media
68
Statuses
355
design engineer @opensea / https://t.co/vqR585kdg0 / https://t.co/2pu8hUN3bw / opinions my own
Joined October 2010
I completely revamped oklch fyi over the past few days! It now has a bunch of new features including color palettes, gradient generation, gamut visualization and a short write-up on why you should use OKLCH colors.
18
20
495
Everyone deserves a world without impaired driving. Learn how Waymo is working to make our roads safer.
0
0
1
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.
3
10
310
You can see it live here https://t.co/qUlx7GS5tq
jakub.kr
Image border component built with Tailwind CSS and Shadcn UI.
0
0
14
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 depth and definition and creates a somewhat consistent outline around the element.
18
11
362
I started a newsletter where I share new posts, resources and tips. You can sign up on my website.
0
0
10
When animating the exit of a component, it often feels better to make the animation slightly subtler than the enter animation. When it exits, it usually doesn’t need the same amount of movement or attention as when it’s entering. This of course depends on the specific animation.
7
11
438
Going to start posting more wip stuff, this one inspired by the iOS search interaction.
13
9
464
Wrote a short article about building this animated pattern.
8
5
211
Check out new docs here: https://t.co/5S0O0huIBV Original inspiration:
motion.dev
Enable effortless exit animations in React with AnimatePresence. It animates components on removal via the exit prop.
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 behaves. I use it in my work a lot, so I made this component to visualize the different modes.
0
1
11
