Jakub Antalik's banner

Jakub Antalik

@Jakubantalik • 12,637 subscribers

Lead Product Designer @fun , previously at @frame_io (acq. by Adobe), @intercom, Maker of https://t.co/wSx0bK8oXz @UseEase

Shorts

Thinking Orbs, animated component library 6 types, optimized for large and small sizes, light & dark mode, playground, zero dependencies npm install thinking-orbs Collaborated on this with alex brinza who did a lot of work

Thinking Orbs, animated component library 6 types, optimized for large and small sizes, light & dark mode, playground, zero dependencies npm install thinking-orbs Collaborated on this with alex brinza who did a lot of work

388,183 次观看

Added new transitions to There are now 21 transitions you can copy as CSS or React code or use as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev

Added new transitions to There are now 21 transitions you can copy as CSS or React code or use as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev

214,507 次观看

Everything from is now available also as a skill npx skills add jakubantalik/transitions-dev

Everything from is now available also as a skill npx skills add jakubantalik/transitions-dev

233,788 次观看

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

132,966 次观看

Animated image loader component library ready to use, supports dark and light theme npm install img-fx

Animated image loader component library ready to use, supports dark and light theme npm install img-fx

79,567 次观看

Border beam for light mode: Animated border beam component for React, 5 different types and multiple color variants npm install border-beam

Border beam for light mode: Animated border beam component for React, 5 different types and multiple color variants npm install border-beam

33,378 次观看

Prepared and hand tweaked a couple of the most essential transitions for web apps Ready to use, no installation needed, just copy and paste into your project

Prepared and hand tweaked a couple of the most essential transitions for web apps Ready to use, no installation needed, just copy and paste into your project

75,182 次观看

Playing with the input loading and clear animation, where the text dissolves into a glow along the bottom edge of the input

Playing with the input loading and clear animation, where the text dissolves into a glow along the bottom edge of the input

19,499 次观看

A small tip on making back and forward screen transitions feel a bit snappier and more natural. Use a shorter movement trajectory and apply the movement animation only to the upcoming screen, not the one that is leaving.

A small tip on making back and forward screen transitions feel a bit snappier and more natural. Use a shorter movement trajectory and apply the movement animation only to the upcoming screen, not the one that is leaving.

39,490 次观看

Some animations for Matcha 🍵✨ trade module component

Some animations for Matcha 🍵✨ trade module component

91,432 次观看

Here is how I like my chevron icons in accordions / see more buttons

Here is how I like my chevron icons in accordions / see more buttons

27,594 次观看

New iteration of the notification states animation w for @FUN

New iteration of the notification states animation w for @FUN

26,811 次观看

Install button animation with a little help from Midjourney (old account) Follow @UseEase

Install button animation with a little help from Midjourney (old account) Follow @UseEase

18,228 次观看

2024 recap of interactions & concepts Matcha 🍵✨ (EVM+Solana)

2024 recap of interactions & concepts Matcha 🍵✨ (EVM+Solana)

13,542 次观看

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

Border beam effect somehow reached 180k+ installs New version is out: dynamic colors, 5 types, playground, dark & light mode, zero dependencies

Border beam effect somehow reached 180k+ installs New version is out: dynamic colors, 5 types, playground, dark & light mode, zero dependencies

221,828 次观看 • 20 天前

Introducing Transitions Refine A tool for tuning UI transitions directly in Cursor, Codex or Claude Code with the Transitions-dev skill built in • Integrated skill analyzes your transitions and provides suggestions you can apply directly • Timeline and controls for manual edits • No need to copy and paste values everything is updated directly in your source

Introducing Transitions Refine A tool for tuning UI transitions directly in Cursor, Codex or Claude Code with the Transitions-dev skill built in • Integrated skill analyzes your transitions and provides suggestions you can apply directly • Timeline and controls for manual edits • No need to copy and paste values everything is updated directly in your source

47,663 次观看 • 22 天前

Comparison demo without and with the Transitions skill Demo page with more details, usage and commands npx skills add jakubantalik/transitions.dev

Comparison demo without and with the Transitions skill Demo page with more details, usage and commands npx skills add jakubantalik/transitions.dev

88,929 次观看 • 2 个月前

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

58,928 次观看 • 1 个月前

Created a new variant of the Border beam UI effect: Pulse. Inner and outside types, multiple color variants, dark and light mode npm install border-beam

Created a new variant of the Border beam UI effect: Pulse. Inner and outside types, multiple color variants, dark and light mode npm install border-beam

39,449 次观看 • 1 个月前

A small tip I use for state transitions in a UI to make it feel smoother

A small tip I use for state transitions in a UI to make it feel smoother

157,691 次观看 • 11 个月前

Finally refreshed my personal website with a bit of help from Claude. As usual, added a feature nobody asked for, page customization. You can change colors and fonts, switch it to 3D, and of course you make the logo bigger

31,681 次观看 • 4 个月前

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-fx

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-fx

16,330 次观看 • 2 个月前

A new version of the Liquid Metal is available. Thanks to Martin Petercak the performance is much better and it should run smoothly in all browsers Includes built-in reflection, dark & light modes, shadcn version npm install metal-fx

A new version of the Liquid Metal is available. Thanks to Martin Petercak the performance is much better and it should run smoothly in all browsers Includes built-in reflection, dark & light modes, shadcn version npm install metal-fx

15,417 次观看 • 2 个月前

My 2025 design work recap, mostly focused on work for Fun with a few concepts collab with Aaron Iker ✨

My 2025 design work recap, mostly focused on work for Fun with a few concepts collab with Aaron Iker ✨

18,663 次观看 • 7 个月前

没有更多内容可加载