Loading video...

Video Failed to Load

Go Home

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 views • 5 months ago •via X (Twitter)

29 Comments

HASSCO©'s profile picture
HASSCO©5 months ago

Check what I did with the "Beam input"

Jakub Antalik's profile picture
Jakub Antalik5 months ago

Nice! :)

Léandro Tijink's profile picture
Léandro Tijink5 months ago

Suggestion: disable the tap highlight so that people can see what's going on without it being obstructed.

Jakub Antalik's profile picture
Jakub Antalik5 months ago

Good point will fix that!

Engr. Fran6🎱 | Fullstack Developer's profile picture
Engr. Fran6🎱 | Fullstack Developer5 months ago

You did a nice job bro. 😎

Kyle Shepherd's profile picture
Kyle Shepherd5 months ago

Thanks for making these so accessible. Definitely will need to play around with these.

🚨 abelardoit 🚨's profile picture
🚨 abelardoit 🚨5 months ago

Very great work, Jakub! Thanks for sharing it with us. :)

Muhammad Anas's profile picture
Muhammad Anas5 months ago

Love seeing tools that make great UI patterns easier to reuse. The React & Claude/Codex integration is a nice touch.

Nien-Hua Gu's profile picture
Nien-Hua Gu5 months ago

It is a very cool project! These little transitions make the UI very magical. Great job!

Korostelov's profile picture
Korostelov5 months ago

Literally slop... just stop recreating a shadcn animations and make something useful for real live UI! Why not build something that actually improves the UX instead of wasting time on the same slop everyone else is building?

🚨 abelardoit 🚨's profile picture
🚨 abelardoit 🚨5 months ago

Some transitions don't work on Brave/Google Chrome. For example, shaking red input.

Siddharth Nikhil's profile picture
Siddharth Nikhil5 months ago

really cool stuff!

Lokesh Singh's profile picture
Lokesh Singh5 months ago

I saw the website and its waaow

Jakub Antalik's profile picture
Jakub Antalik5 months ago

Thanks! 🙏

Kons's profile picture
Kons5 months ago

Cool lib, thanks for creating ❤️

Jakub Antalik's profile picture
Jakub Antalik5 months ago

Thanks! 🙂

kula's profile picture
kula5 months ago

Sweet thanks will integrate some decent animations into my project

Jakub Antalik's profile picture
Jakub Antalik5 months ago

Thanks! let me know if you have any feedback then

Aimeric's profile picture
Aimeric5 months ago

nice stuff

victor's profile picture
victor5 months ago

yo this is awesome, thank you for sharing!

Sopo's profile picture
Sopo5 months ago

Oh nice, I like invalid input animation 👏

Felipe Menezes's profile picture
Felipe Menezes5 months ago

that was cool, it'd be good to see this with tailwindcss

vedant's profile picture
vedant5 months ago

tab sliding is broken

Johann Sebastian Münch's profile picture
Johann Sebastian Münch4 months ago

Input clear seems a little slow, otherwise they look great, thanks!

JayBorda's profile picture
JayBorda4 months ago

Amazing

ss's profile picture
ss5 months ago

Great resource, but the website should probably reserve the scrollbar width on the page so that dialogs don't shift around when being opened

Jakub Antalik's profile picture
Jakub Antalik5 months ago

@sowilosowilo Thanks! Can you explain more the scrollbar issue? Is it on mobile?

diogo martins ➔ salte's profile picture
diogo martins ➔ salte5 months ago

@Jakubantalik DM :)

🚨 abelardoit 🚨's profile picture
🚨 abelardoit 🚨5 months ago

This animation: Avatar group hover doesn't work on Brave browser yet.

Related Videos