Curated archive of 20 design references, UI interactions, and animations published by Jakub Antalik on X.
Animated 3D bot avatars, inspired by @bot 18 types, ready to use fo... - Jakub Antalik
Animated 3D bot avatars, inspired by @bot 18 types, ready to use for React, React Native and SwiftUI, no threejs or webGPU, zero dep. https://libraries.dev/bots
@JakubantalikAdded an optional cursor gravity effect to Thinking orbs, just for... - Jakub Antalik
Added an optional cursor gravity effect to Thinking orbs, just for fun. https://libraries.dev/orbs 9 types, ready to use with React, React Native and SwiftUI Collab with @a_brinza
@JakubantalikA new home for all my libraries. https://libraries.dev 5 UI effect... - Jakub Antalik
A new home for all my libraries. https://libraries.dev 5 UI effect libraries, 20+ variants, ready to use for free. Border beam, Orbs, Metal, Gooey, Image
@JakubantalikGooey library updated with a new melt and bend effects. Optimized f... - Jakub Antalik
Gooey library updated with a new melt and bend effects. Optimized for UI, cross-browser, 4 different effects, playground, zero dep https://gooey.jakubantalik.com npm install liqui...
@JakubantalikAdded 7 new transitions for agentic UI to https://transitions.dev l... - Jakub Antalik
Added 7 new transitions for agentic UI to https://transitions.dev library, 32+ free transitions total Copy the code or use them via the skill for Claude, Cursor, or Codex. npx ski...
@JakubantalikMade a skill for UI transitions: It reviews a project, identifies t... - Jakub Antalik
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 m...
@JakubantalikGooey (liquid) effect Optimized for UI, 2 different types, works wi... - Jakub Antalik
Gooey (liquid) effect Optimized for UI, 2 different types, works with shadows, build-in image melting effect, playground, zero dep http://gooey.jakubantalik.com npm install liquid...
@JakubantalikA few examples of using the Transitions skill + Border Beam and Met... - Jakub Antalik
A few examples of using the Transitions skill + Border Beam and Metal effects in a real UI in the @logram_ai app npx skills add Jakubantalik/transitions.dev
@JakubantalikA native mobile component library bringing animated border beam eff... - Jakub Antalik
A native mobile component library bringing animated border beam effects to Swift and React Native, featuring five types including rotate, pulse, line, and button variants with dyn...
@jakubantalikA dark interface demo of a colorful border beam effect with dynamic... - Jakub Antalik
A dark interface demo of a colorful border beam effect with dynamic hover states and glowing transitions across common UI components.
@JakubantalikBorder beam for light mode: Animated border beam component for Reac... - Jakub Antalik
Border beam for light mode: Animated border beam component for React, 5 different types and multiple color variants http://beam.jakubantalik.com npm install border-beam
@JakubantalikPrepared and hand tweaked a couple of the most essential transition... - Jakub Antalik
Prepared and hand tweaked a couple of the most essential transitions for web apps http://transitions.dev Ready to use, no installation needed, just copy and paste into your project
@JakubantalikPlaying with input amount prototype interactions, adding text morph... - Jakub Antalik
Playing with input amount prototype interactions, adding text morphing + text bending for the amount shortcut animation, and subtle directional blur for the switch animation
@JakubantalikMy 2025 design work recap, mostly focused on work for @FUN with a f... - Jakub Antalik
My 2025 design work recap, mostly focused on work for @FUN with a few concepts collab with @aaroniker
@JakubantalikTip for notification badge appear animation to make it feel more na... - Jakub Antalik
Tip for notification badge appear animation to make it feel more natural: • For the scale transition, adjust the origin point to the bottom left • Use a subtle bounce on the scale...
@JakubantalikText reveal animation tip for UI: here are my preferred specs that... - Jakub Antalik
Text reveal animation tip for UI: here are my preferred specs that I usually use for text reveal effects. I like to keep it subtle, with a shorter Y movement and a slight blur eff...
@JakubantalikAdding some details to our QR code when the network is updated @FUN - Jakub Antalik
Adding some details to our QR code when the network is updated @FUN
@JakubantalikA quick tip on how to make the success checkmark animation a bit be... - Jakub Antalik
A quick tip on how to make the success checkmark animation a bit better
@JakubantalikA small tip I use for state transitions in a UI to make it feel smo... - Jakub Antalik
A small tip I use for state transitions in a UI to make it feel smoother
@JakubantalikButton hover @easemate - Jakub Antalik
Button hover @easemate
@Jakubantalik