DEV Community

Cover image for Creating CSS animations with just a few clicks.
Kedar Kodgire
Kedar Kodgire

Posted on

4 4

Creating CSS animations with just a few clicks.

Animations are amazing, aren't they? They make the web more attractive and contribute positively towards the User Experience.

A while ago I found this tool by @sleumasm by which you will be able to create CSS animations by just changing the values and clicking the play button and at the end if you like it just copy the CSS and use it straight away in your website.

Currently, there are two versions of it. The developer recently developed the new version with vue and our favorite dark mode. Here is the new version

Alt Text

you can use the web app or the chrome extension

well, there may be some bugs in the new version hence you can use the old one too until the new one is completely bug-free

Alt Text

there is web app for older version too.

There are some perks using the chrome extension - you can create animations on any web page you like.

Well, I hope this will be useful to you.

Happy Animating,
Stay Safe.

--

Other Reads

Don't forget to follow me on Twitter or Dev for updates on amazing technology stuff.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more