8 amazing CSS animation libraries that can make your life easier

πŸ§΅πŸ‘‡πŸ»
1️⃣ Animate.css

- Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects.

animate.style
2️⃣ OBNOXIOUS.css

- CSS Animations for the strong of heart, and weak of mind. Shake It, Intensifies, Fontalicious, Strobe, twister.

tholman.com/obnoxious/
3️⃣ CSShake

- Some CSS classes to move your DOM! Easy-to-use classes that will add different kind of shake to each part of your site.

elrumordelaluz.github.io/csshake/
4️⃣ Anim XYZ

- AnimXYZ helps you create, customize, and compose animations for your website
animxyz.com
5️⃣ Animista

- Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

animista.net
6️⃣ Hover.CSS

- A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

ianlunn.github.io/Hover/
7️⃣ Magic

- Magic CSS are a set of simple animations to include in your web or app project's.

minimamente.com/project/magic/

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Pratham πŸ‘¨β€πŸ’»πŸš€

Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Prathkum

9 Mar
7 great websites a developer should visit

πŸ§΅πŸ‘‡πŸ»
1. Algorithms Visualizer

- I have always some issues with algo and data structures πŸ˜… but this site is a boon for me. Here you can visualize how different algorithms works

visualgo.net/en
2. Edabit

- Basically this site is for beginner who wants to learn code. Learn to code with fun, bite-sized challenges

edabit.com/challenges
Read 8 tweets
9 Mar
I've brought you 5 GitHub repositories that can help you as a developer

πŸ§΅πŸ‘‡πŸ»
1️⃣ Awesome Cheat Sheets

- Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

github.com/LeCoupa/awesom…
2️⃣ 33 JavaScript Concepts

- 33 concepts every JavaScript developer should know.

github.com/leonardomso/33…
Read 6 tweets
7 Mar
A great list of amazing React UI libraries

πŸ§΅πŸ‘‡πŸ»
1️⃣ Chakra UI

- Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

chakra-ui.com
2️⃣ Material UI

- React components for faster and easier web development. Build your own design system, or start with Material Design.

material-ui.com
Read 10 tweets
7 Mar
Some amazing websites and resources for User Interface (UI)

Thread πŸ§΅πŸ‘‡πŸ»
πŸ“Œ error404.fun

- Free illustration for 404 pages

Make a unique journey through 404 error pages on your website Use these illustrations that describe better than words
πŸ“Œ uplabs.com

- UpLabs is the place to find high-quality design resources for designers, creative agencies and developers
Read 8 tweets
7 Mar
Facing some difficulties to get started with web development in 2021? I think I can help you

πŸ§΅πŸ‘‡πŸ»
There are so many latest evolving trends and sub fields in web dev. So don't be overwhelmed, just focus on one thing at a time.

Start with HTML....

Let's go πŸš€

{ 2 / 19 }
You have picked the right field for you. It's interesting, amazing and challenging. You will enjoy it a lot once you get used to it

I have been doing it for little over one year and in this thread I will try to explain how you can start it

{ 3 / 19 }
Read 19 tweets
6 Mar
7 GitHub repositories that can help you in your React development journey

Thread πŸ§΅πŸ‘‡πŸ»
1️⃣ Awesome React

- A collection of awesome things regarding React ecosystem. In this repo you will find tools, tutorials and other resources in various form

github.com/enaqx/awesome-…
2️⃣ React learning

- As the repo name suggests in this repo you'll find a curated list of free resources to master React Development

github.com/ericdouglas/re…
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!