Look what I found 🤩 Copy-paste animations for Tailwind (no js) Just import -> add class -> done

Look what I found 🤩 Copy-paste animations for Tailwind (no js) Just import -> add class -> doneLook what I found 🤩 Copy-paste animations for Tailwind (no js) Just import -> add class -> done

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Souhail

• Sep 8

Look what I found 🤩 Copy-paste animations for Tailwind (no js) Just import -> add class -> done

Souhail

• Sep 8

https://tailwind-animations.com/

tailwind-animations.com

Tailwind CSS Animations Plugin | 79+ Utility Classes

Add 79+ ready-to-use CSS animations to Tailwind CSS with utility classes. Fade, slide, zoom, scroll-driven motion, and dialog effects. Zero config, open source by midudev.

Neha Arora

• 13h

Optimized my portfolio's First Contentful Paint from 2.6s to 0.2s today.

Two things were blocking render:

The Tailwind CDN, which loads a ~400KB script and generates CSS at runtime.

Google Fonts, which adds a DNS lookup and TLS handshake to a third-party domain on the critical path.

Fix one: compiled Tailwind locally into a 4.4 KiB static stylesheet. Only the classes actually used, no runtime.

Fix two: self-hosted Inter via @fontsource-variable/inter so the font loads from my own domain.

Also deferred the interactivity script so it downloads in parallel with HTML parsing instead of blocking paint.

Result: 0.2s FCP on desktop, 1.5s on emulated slow 4G. Both inside Google's "good" threshold.

Dusko Licanin

pro

• 1d

Same collection. Two different experiences. Would you choose the bold, playful catalogue or the calm, architectural gallery?

Both complete websites are free to download — source code, assets and animations included. Grab the kit: https://contra.com/products/FNrYmtZe-stillform-two-animated-landing-pages

html Web Design UI Design

11 votes

Ends in 23h

Mostafa Moamen

• 19h

Objects of Character is more unique great job ❤️❤️

Anna Peredelskaia

pro

• 1d

I wanted to see how far I could take a static hero with a little motion and some help from Claude.

So I’m experimenting with scroll animation on a dental website concept. I design the layout and motion direction, then work with Claude to bring it to life.

A quick screen recording of where it’s at. Still tweaking, but this part is fun.