Jakub Antalik's banner

Jakub Antalik

@Jakubantalik • 19,187 subscribers

Product designer/engineer, prev at @frame_io (acq. by Adobe), @intercom, Maker of https://t.co/wSx0bK7R81 @UseEase

Shorts

Gooey (liquid) effect Optimized for UI, 2 different types, works with shadows, build-in image melting effect, playground, zero dep npm install liquid-gooey

Gooey (liquid) effect Optimized for UI, 2 different types, works with shadows, build-in image melting effect, playground, zero dep npm install liquid-gooey

332,858 просмотров

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

642,525 просмотров

Gooey library updated with a new melt and bend effects. Optimized for UI, cross-browser, 4 different effects, playground, zero dep npm install liquid-gooey

Gooey library updated with a new melt and bend effects. Optimized for UI, cross-browser, 4 different effects, playground, zero dep npm install liquid-gooey

61,778 просмотров

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

219,105 просмотров

Border beam effect is now available for Swift and React Native Dynamic colors, 5 types, playground, dark & light mode, zero dependencies

Border beam effect is now available for Swift and React Native Dynamic colors, 5 types, playground, dark & light mode, zero dependencies

108,480 просмотров

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

254,733 просмотров

Added 12 new transitions to 33 total You can copy as CSS or React code or use as a skill for Claude, Cursor or Codex or use with Refine tool npx skills add jakubantalik/transitions.dev

Added 12 new transitions to 33 total You can copy as CSS or React code or use as a skill for Claude, Cursor or Codex or use with Refine tool npx skills add jakubantalik/transitions.dev

74,750 просмотров

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

134,912 просмотров

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

81,587 просмотров

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

76,277 просмотров

Created a new skill Transition polish The skill is focused on transition refinement by adjusting motion tokens instead of replacing the whole transition. npx skills add Jakubantalik/transitions.dev -s transitions-polish Or use it with Refine tool (visual layer for the skill) npx transitions-refine live

Created a new skill Transition polish The skill is focused on transition refinement by adjusting motion tokens instead of replacing the whole transition. npx skills add Jakubantalik/transitions.dev -s transitions-polish Or use it with Refine tool (visual layer for the skill) npx transitions-refine live

29,826 просмотров

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

35,869 просмотров

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 просмотров

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

20,022 просмотров

Some animations for Matcha 🍵✨ trade module component

Some animations for Matcha 🍵✨ trade module component

91,858 просмотров

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,477 просмотров

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

More types added to the Thinking Orbs library. Large and small sizes, light & dark mode, playground, zero dep npm install thinking-orbs Huge shoutout to alex brinza who also worked on this

More types added to the Thinking Orbs library. Large and small sizes, light & dark mode, playground, zero dep npm install thinking-orbs Huge shoutout to alex brinza who also worked on this

653,646 просмотров • 29 дней назад

Made a skill for UI transitions: It reviews a project, identifies transitions, and suggests improvements or replacements based on the source Transitions-dev library, making them more polished and snappy. npx skills add Jakubantalik/transitions.dev

Made a skill for UI transitions: It reviews a project, identifies transitions, and suggests improvements or replacements based on the source Transitions-dev library, making them more polished and snappy. npx skills add Jakubantalik/transitions.dev

201,991 просмотров • 13 дней назад

Thinking orbs library is now available for SwiftUI and React Native, all for free 9 types, playground, dark & light mode, zero dep Collab with alex brinza

Thinking orbs library is now available for SwiftUI and React Native, all for free 9 types, playground, dark & light mode, zero dep Collab with alex brinza

181,976 просмотров • 16 дней назад

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

229,346 просмотров • 2 месяцев назад

Collection of 33+ production ready UI transitions Available as CSS / React code or as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev

Collection of 33+ production ready UI transitions Available as CSS / React code or as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev

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

Tune your UI transitions directly in Cursor CLI, Codex or Claude Code with the Transitions-dev skill built in It scans your project with your agent, suggests transitions improvements, and applies changes directly to source code

Tune your UI transitions directly in Cursor CLI, Codex or Claude Code with the Transitions-dev skill built in It scans your project with your agent, suggests transitions improvements, and applies changes directly to source code

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

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

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

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

51,294 просмотров • 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

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

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 просмотров • 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

40,766 просмотров • 2 месяцев назад

Image loader effect New version includes: loading, reveal and regenerate animations, 3 types, playground, dark & light mode

Image loader effect New version includes: loading, reveal and regenerate animations, 3 types, playground, dark & light mode

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

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 просмотров • 6 месяцев назад

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

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

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

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

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 ✨

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

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