The open-source library of CSS motion effects, Kinetics, now contains 99 motion effects. You can copy CSS to the clipboard or the prompt so it's easy to replicate in your AI tool.

The 'copy to the prompt' part is huge for those of us who can't write CSS from scratch. This is how non-coders actually ship decent UIs now. Paste, tweak with AI, done. Saving this one.

Yes, I wanted to do a trendy stuff. Prompt is probably the preferred one now

Superb.

Thanks, buddy!

is there some apps that use it?

The project is pretty new.

looks cool regardless

thanks man!

😂

Very nice Csaba. Thanks for building this one.

Thanks Fable

Exactly. 😁

awesome library!

Thanks Lars, adding some more today

looking forward to them!

Really useful resource. Thanks for sharing Csaba!!

Nice animations, good job

Dekuji!

Looks like a promising library. Perfect for micro-interaction.

Yes, that's the main purpose

great work mate

Thanks buddy! People like it so I'm adding 21 more to the list soon

that’s great idea!

Great resource for adding polished UI animations quickly.

That's the goal here. Must be easy to copy/use and trendy

wow, beautifool

thanks Ajay

So many cool effects to play with now. Great job on the library.

Kinetics' spring physics makes UI animations feel alive and effortless

Motion makes magic bro.

That's great

This is a great resource for designers.

Thanks, Aaliya! And thanks, Claude, for helping me 😂

I find this great library, super helpful for quickly adding creative motion effects to any developer. great share as always Csaba.

Thanks Ahmed, adding a few more effects today

That’s really amazing

Thanks, Hajra. This project became quite popular.

awesome!

Thanks man!

did you make this? we need your coding workflow

Yes, made by, and open source

Ninety nine motion effects with copyable CSS is genuinely useful for prototyping.

And also for production apps. I tried to make it easy to use.

Thank you Sir

you can't stop at 99

nice ui

Helpful

Wow, never heard of this one. I found multiple examples that I really like. You have a new follower.

this is what gets me open-source tools like kinetics make a huge difference, but often the real bottleneck is not the tech itself, but how to integrate it with existing codebases and legacy systems. that's where the real complexity lies.

Nice, I'll check it and see which one I can use for

thats great. thanks!

99 effects still need prefers-reduced-motion defaults, otherwise ai copies inaccessible css fast

this is gold, been using kinetics for a while. the clipboard copy feature makes it so much easier to drop into projects. thanks for building this

99 effects is an impressive collection.

99 motion effects ready to copy paste is a huge time saver for devs