正在加载视频...

视频加载失败

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 个月前 •via X (Twitter)

29 条评论

HASSCO© 的头像
HASSCO©4 个月前

Check what I did with the "Beam input"

Jakub Antalik 的头像
Jakub Antalik4 个月前

Nice! :)

Léandro Tijink 的头像
Léandro Tijink4 个月前

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

Jakub Antalik 的头像
Jakub Antalik4 个月前

Good point will fix that!

Engr. Fran6🎱 | Fullstack Developer 的头像
Engr. Fran6🎱 | Fullstack Developer4 个月前

You did a nice job bro. 😎

Kyle Shepherd 的头像
Kyle Shepherd4 个月前

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

🚨 abelardoit 🚨 的头像
🚨 abelardoit 🚨4 个月前

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

Muhammad Anas 的头像
Muhammad Anas4 个月前

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

Nien-Hua Gu 的头像
Nien-Hua Gu4 个月前

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

Korostelov 的头像
Korostelov4 个月前

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 🚨 的头像
🚨 abelardoit 🚨4 个月前

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

Siddharth Nikhil 的头像
Siddharth Nikhil4 个月前

really cool stuff!

Lokesh Singh 的头像
Lokesh Singh4 个月前

I saw the website and its waaow

Jakub Antalik 的头像
Jakub Antalik4 个月前

Thanks! 🙏

Kons 的头像
Kons4 个月前

Cool lib, thanks for creating ❤️

Jakub Antalik 的头像
Jakub Antalik4 个月前

Thanks! 🙂

kula 的头像
kula4 个月前

Sweet thanks will integrate some decent animations into my project

Jakub Antalik 的头像
Jakub Antalik4 个月前

Thanks! let me know if you have any feedback then

Aimeric 的头像
Aimeric4 个月前

nice stuff

victor 的头像
victor4 个月前

yo this is awesome, thank you for sharing!

Sopo 的头像
Sopo4 个月前

Oh nice, I like invalid input animation 👏

Felipe Menezes 的头像
Felipe Menezes4 个月前

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

vedant 的头像
vedant4 个月前

tab sliding is broken

Johann Sebastian Münch 的头像
Johann Sebastian Münch4 个月前

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

JayBorda 的头像
JayBorda4 个月前

Amazing

ss 的头像
ss4 个月前

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 的头像
Jakub Antalik4 个月前

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

diogo martins ➔ salte 的头像
diogo martins ➔ salte4 个月前

@Jakubantalik DM :)

🚨 abelardoit 🚨 的头像
🚨 abelardoit 🚨4 个月前

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

相关视频