5 CSS Animation libraries for every developer ⚡
✔ Animate

A fast and efficient solution for adding CSS animations.

{1/5}
animate.style
✔ Hint

A pure CSS resource using which you can create cool accessible tooltips for your web app.

{2/5}
kushagra.dev/lab/hint/
✔ Magic Effects

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

{3/5}
minimamente.com/project/magic/
✔ Motion UI

A SASS library for creating flexible CSS transitions and animations.

{4/5}
zurb.com/playground/mot…
✔ Vivify

A powerful CSS3 animation library which comes with 68+ animations with support for delay and duration.

{5/5}
vivify.mkcreative.cz
Thank you for reading!

- I'm Sajal 👋
👨‍💻 Sharing my journey and learnings.
☕ Web Development & Dev Resources that will help you create awesome stuff.

If you liked it, then you can follow me, @SajalShlan for more such resources.

Thanks for the support 🙌

• • •

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

Keep Current with Sajal Sharma ☕

Sajal Sharma ☕ 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 @SajalShlan

Feb 9
10 Coding challenge websites for every programmer ⚡
💻 HackerRank

→ Offers challenges in different domains such as Algorithms, Mathematics, SQL, Functional Programming, AI, etc.
→ You can solve every challenge directly online.
→ They provide discussion and leadership board for every challenge.

{1/10}
hackerrank.com
💻 Exercism

→ Exercism is a coding challenge website that offers 3100+ challenges covering 52 different programming languages.

{2/10}
exercism.org
Read 12 tweets
Feb 6
5 Games to learn CSS the fun way ⚡
🎮 CSS Diner

A very nice game that lets you learn CSS, very fast. Simply just complete all 32 challenges and make sure you understand the intuition.

{1/5}
flukeout.github.io
🎮 Grid Garden

A web-based game that you have to fill in some CSS properties or values related to CSS Grid to either water the carrots, or to kill the weed plants.

{2/5}
cssgridgarden.com
Read 7 tweets
Feb 4
5 HTML Tags you didn't know about ⚡
✔ Progress

The <progress> tag represents the complete progress of a task.

{1/5}
✔ Autocomplete

The <datalist> tag is used to provide an 'autocomplete' feature for <input> elements.

You will see a drop down list of pre-defined options as you start typing.

{2/5}
Read 8 tweets
Feb 2
CSS Generators that can help you save a lot of time ⚡
🔗 Flexbox Generator
Generate flex box templates with this.

{1/7}
loading.io/flexbox/
🔗 Grid Generator
Generate Grid templates with this and save a lot of time!

{2/7}
grid.layoutit.com
Read 9 tweets
Jan 11
10 Powerful CSS Tools For Every Web Developer/Designer ⚡
🔗 CSS3 Patterns

→ It allows creative web designers to make beautiful seamless patterns without opening any design software.

{1/10}
projects.verou.me/css3patterns/
🔗 CSS Filters

→ With this tool you’ll be able to upload any photo and change the color, contrast, brightness, blur and so much more – and it generates the code for you.

{2/10}
cssfilters.co
Read 13 tweets
Jan 9
My Top 10 Threads Of This Week ⚡

Includes -

〰 Best Books
〰 Web3 Resources
〰 Threads for Entrepreneurs
〰 Audience Building - Tweet Formats
〰 Front-End Development Resources - Roadmaps

& more!
Every resource you'll ever need to become a front-end developer - by @SuhailKakar

{2/10}
Read 13 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

Don't want to be a Premium member but still want to support us?

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

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

:(