Jakub Antalik's banner

Jakub Antalik

@Jakubantalik • 22,242 subscribers

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

Shorts

Metal effect is now available for SwiftUI. As expected, it reacts and bends when a magnet is nearby. Ready to use on

Metal effect is now available for SwiftUI. As expected, it reacts and bends when a magnet is nearby. Ready to use on

403,396 次观看

Created a new skill for UI generation skeleton effect, something I’ve been using in my UI videos. These UI examples are built with UI Agent.

Created a new skill for UI generation skeleton effect, something I’ve been using in my UI videos. These UI examples are built with UI Agent.

182,715 次观看

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.

275,291 次观看

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

651,779 次观看

Voice Effect is now available for SwiftUI with built in emotion recognition. The color theme reacts to the emotion in your speech using local emotion2vec for tone + SamLowe word emotion recognition model.

Voice Effect is now available for SwiftUI with built in emotion recognition. The color theme reacts to the emotion in your speech using local emotion2vec for tone + SamLowe word emotion recognition model.

87,970 次观看

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

338,205 次观看

Excited to launch Transitions Builder and Community. All these components were generated with a single prompt with the Transition UI agent, default setup, no designs provided. The agent creates on the library’s knowledge, UI craft principles, and libraries-dev libraries, with a focus on UI motion and the details that make an interface feel polished.

Excited to launch Transitions Builder and Community. All these components were generated with a single prompt with the Transition UI agent, default setup, no designs provided. The agent creates on the library’s knowledge, UI craft principles, and libraries-dev libraries, with a focus on UI motion and the details that make an interface feel polished.

47,787 次观看

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

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

188,772 次观看

Built something new: Voice effect. Animated voice glow effect, no shades & zero dep, 3 types, multiple states, dark & light theme.

Built something new: Voice effect. Animated voice glow effect, no shades & zero dep, 3 types, multiple states, dark & light theme.

113,609 次观看

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

220,993 次观看

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

267,448 次观看

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

111,230 次观看

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

65,936 次观看

Rebuilt the Metal effect library: It now includes reflection on the cursor, fluid hover bending, reflection on neighbor elements, dynamic glow, 4 types, ready to use npm install metal-fx

Rebuilt the Metal effect library: It now includes reflection on the cursor, fluid hover bending, reflection on neighbor elements, dynamic glow, 4 types, ready to use npm install metal-fx

46,396 次观看

Added an optional cursor gravity effect to Thinking orbs, just for fun. 9 types, ready to use with React, React Native and SwiftUI Collab with alex brinza

Added an optional cursor gravity effect to Thinking orbs, just for fun. 9 types, ready to use with React, React Native and SwiftUI Collab with alex brinza

39,055 次观看

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

135,765 次观看

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 次观看

A few examples of using the Transitions skill + Border Beam and Metal effects in a real UI in the Logram app npx skills add Jakubantalik/transitions.dev

A few examples of using the Transitions skill + Border Beam and Metal effects in a real UI in the Logram app npx skills add Jakubantalik/transitions.dev

47,565 次观看

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

82,207 次观看

Added 3 new transitions to You can grab them as a code or install them with the others as a skill npx skills add jakubantalik/transitions-dev

Added 3 new transitions to You can grab them as a code or install them with the others as a skill npx skills add jakubantalik/transitions-dev

87,871 次观看

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

662,574 次观看 • 2 个月前

One skill for all UI motion. The Transitions-dev skill uses content and knowledge from the entire Transitions library and applies it to your project wherever it makes sense, for a more polished and snappy UI.

One skill for all UI motion. The Transitions-dev skill uses content and knowledge from the entire Transitions library and applies it to your project wherever it makes sense, for a more polished and snappy UI.

241,032 次观看 • 1 个月前

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

207,713 次观看 • 1 个月前

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

187,765 次观看 • 2 个月前

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

230,851 次观看 • 3 个月前

Introducing Transition Agent Transition Agent scans your codebase, scores its motion, and fixes it through pull requests. It uses the knowledge and taste from the entire Transitions-dev library. It should make your UI motion snappy and polished.

Introducing Transition Agent Transition Agent scans your codebase, scores its motion, and fixes it through pull requests. It uses the knowledge and taste from the entire Transitions-dev library. It should make your UI motion snappy and polished.

27,069 次观看 • 19 天前

Animated 3D bot avatars, inspired by Grok Bot 18 types, ready to use for React, React Native and SwiftUI, no threejs or webGPU, zero dep.

Animated 3D bot avatars, inspired by Grok Bot 18 types, ready to use for React, React Native and SwiftUI, no threejs or webGPU, zero dep.

32,726 次观看 • 26 天前

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

84,144 次观看 • 2 个月前

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,951 次观看 • 3 个月前

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 次观看 • 5 个月前

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

52,274 次观看 • 3 个月前

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,665 次观看 • 4 个月前

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 次观看 • 4 个月前

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 次观看 • 7 个月前

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

14,237 次观看 • 3 个月前

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

18,339 次观看 • 5 个月前

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,859 次观看 • 5 个月前

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 次观看 • 10 个月前

没有更多内容可加载