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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 19 gün önce

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 görüntüleme • 26 gün önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 10 ay önce

Daha fazla içerik yok.