Loading video...

Video Failed to Load

Go Home

Open source library of motion effects - Kinetics now has 99 animations. - CSS + React version - Prompt version for your AI coding agent

28,859 views • 3 months ago •via X (Twitter)

50 Comments

Hussain Hashim | Building SundayBack's profile picture
Hussain Hashim | Building SundayBack3 months ago

@csaba_kissi love the CSS + React combo! gonna save me so much time on animations 🔥

Csaba Kissi's profile picture
Csaba Kissi3 months ago

Thanks man! Hopefully it will

Hussain Hashim | Building SundayBack's profile picture
Hussain Hashim | Building SundayBack3 months ago

@csaba_kissi fingers crossed! what part are you most excited about?

Eleftheria Batsou's profile picture
Eleftheria Batsou3 months ago

Let me check this!

Csaba Kissi's profile picture
Csaba Kissi3 months ago

New side project. Thanks Eleftheria

Shefali's profile picture
Shefali3 months ago

This looks so good!

Csaba Kissi's profile picture
Csaba Kissi3 months ago

Thanks, Shefali. More will come soon. The goal is to have at least 200

Swapna Kumar Panda's profile picture
Swapna Kumar Panda3 months ago

This is simply great, Csaba.

anthod's profile picture
anthod3 months ago

This is super useful. The prompt version is a nice touch too, because half the time I don’t want to hunt for the exact easing values, I just want the agent to recreate the feel correctly.

Csaba Kissi's profile picture
Csaba Kissi3 months ago

I expected people would value the prompt version, and it seems to be true.

Aaliya's profile picture
Aaliya3 months ago

wow 99

Csaba Kissi's profile picture
Csaba Kissi3 months ago

The more, the better. The goal is to have at least 200.

Amisha Yadav's profile picture
Amisha Yadav3 months ago

Explore all 99 motion effects today.

Ajay Patel's profile picture
Ajay Patel3 months ago

Animations look so clean 👀

Csaba Kissi's profile picture
Csaba Kissi3 months ago

Thanks Ajay

The Whizz AI's profile picture
The Whizz AI3 months ago

the is pure value

Csaba Kissi's profile picture
Csaba Kissi3 months ago

Sometimes small sites have a big impact.

Dhanush N's profile picture
Dhanush N3 months ago

Interesting share Csaba

Csaba Kissi's profile picture
Csaba Kissi3 months ago

Thanks, Dhanush! More will come soon

Neo Kim's profile picture
Neo Kim3 months ago

your project? looks cool

Csaba Kissi's profile picture
Csaba Kissi3 months ago

Yes, its mine

H A J R A's profile picture
H A J R A3 months ago

That’s great

Abdul Shakoor's profile picture
Abdul Shakoor3 months ago

Kinetics looks very handy

Csaba Kissi's profile picture
Csaba Kissi3 months ago

Thanks Abdul! Created 2 weeks ago 😀

Venelin K.'s profile picture
Venelin K.3 months ago

great resource mate, the prompt copy is next level

Csaba Kissi's profile picture
Csaba Kissi3 months ago

thanks mate! We're the AI era, so it's a must have

Kanika's profile picture
Kanika3 months ago

The AI prompt version alongside CSS and React is a really smart addition.

Csaba Kissi's profile picture
Csaba Kissi3 months ago

I decided to add prompts because coders prefer them.

Alex Basic's profile picture
Alex Basic3 months ago

You are a legend dear sir

Csaba Kissi's profile picture
Csaba Kissi3 months ago

@AlexBasic3 Not really but thanks Alex

Ishrat's profile picture
Ishrat3 months ago

Thanks for sharing Csaba

Poonam Soni's profile picture
Poonam Soni3 months ago

so cool

Csaba Kissi's profile picture
Csaba Kissi3 months ago

Thanks Poonam!

Eyisha Zyer's profile picture
Eyisha Zyer3 months ago

Love this. Any plans to add scroll-triggered variants?

Csaba Kissi's profile picture
Csaba Kissi3 months ago

This is a good idea. In the meantime Ai can add it in the project

Javeriya Ahsan's profile picture
Javeriya Ahsan3 months ago

nice to see prompt support for AI coding agents.

Adel Bucetta's profile picture
Adel Bucetta3 months ago

that's a game changer for designers and developers who want to speed up prototyping and product dev. the real unlock is that this library can be integrated with ai agents like ours at to generate custom motion effects in no time.

Jacy's profile picture
Jacy3 months ago

Ehh it’s okay

Binh Nguyen's profile picture
Binh Nguyen3 months ago

Love this library

Kailas's profile picture
Kailas3 months ago

everything feels like CLS nightmare !

Naman's profile picture
Naman3 months ago

This is good!

adri's profile picture
adri3 months ago

fire 🔥

Ajay Yadav's profile picture
Ajay Yadav3 months ago

Wow, sounds good, Csaba.

amo orzheyu's profile picture
amo orzheyu3 months ago

看起来很棒,我将用在下次的项目中

moku's profile picture
moku3 months ago

thats really awesome

Rohit Kashyap's profile picture
Rohit Kashyap3 months ago

shipping a prompt version of an animation library alongside the css is clever, letting an agent pull the exact effect beats hunting through docs for class names

AI Mastery Guide's profile picture
AI Mastery Guide3 months ago

Having a prompt version for coding agents alongside the CSS is a nice touch, saves rewriting these from scratch every time

Aryan SMM's profile picture
Aryan SMM3 months ago

clean and practical collection of animations.

Artists Voyage 🔶's profile picture
Artists Voyage 🔶3 months ago

motion libraries like this save a lot of dev time.

Jason Ong's profile picture
Jason Ong3 months ago

Very cool, thanks for sharing

Related Videos