Jakub Antalik

@Jakubantalik • 19,260 subscribers

Product designer/engineer, prev at @frame_io (acq. by Adobe), @intercom https://t.co/PzfZ0CE0C0 https://t.co/uELldPfsu3

Shorts

155,494 views

332,858 views

642,525 views

61,778 views

219,105 views

108,480 views

254,733 views

74,750 views

134,912 views

81,587 views

76,277 views

29,826 views

35,869 views

39,490 views

20,022 views

91,858 views

27,594 views

26,811 views

18,477 views

Videos

sweetdream.ai

Watch Anya Live

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

Private Show

Join now for exclusive access

Free preview available • Premium content

653,964 views • 1 month ago

202,498 views • 15 days ago

182,550 views • 18 days ago

229,346 views • 2 months ago

82,438 views • 1 month ago

72,016 views • 1 month ago

90,132 views • 3 months ago

51,294 views • 2 months ago

61,145 views • 3 months ago

157,691 views • 1 year ago

40,766 views • 2 months ago

13,544 views • 1 month ago

31,681 views • 6 months ago

17,901 views • 3 months ago

16,082 views • 3 months ago

19,024 views • 8 months ago

No more content to load

Live Cam

Jakub Antalik

Shorts

A new home for all my libraries. 5 UI effect libraries, 20+ variants, ready to use for free. Border beam, Orbs, Metal, Gooey, Image

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

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

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

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

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

Everything from is now available also as a skill 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

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

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

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

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

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.

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

Some animations for Matcha 🍵✨ trade module component

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

New iteration of the notification states animation w for @FUN

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

Videos

Watch Anya Live

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

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

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

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

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

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

Comparison demo without and with the Transitions skill Demo page with more details, usage and commands 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

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

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

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

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

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-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 &amp; light modes, shadcn version npm install metal-fx

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

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

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

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

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

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

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

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

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