Need advice about which tool to choose?Ask the StackShare community!

Animate.css

10.9K
2.8K
+ 1
0
Stylus

423
409
+ 1
331
Add tool

Animate.css vs Stylus: What are the differences?

What is Animate.css ? A library of CSS animations. It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

What is Stylus? Expressive, robust, feature-rich CSS language built for nodejs. Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

Animate.css and Stylus can be primarily classified as "CSS Pre-processors / Extensions" tools.

Animate.css is an open source tool with 61.2K GitHub stars and 13K GitHub forks. Here's a link to Animate.css 's open source repository on GitHub.

Advice on Animate.css and Stylus
awesomebanana2018
Needs advice
on
PostCSSPostCSSSassSass
and
StylusStylus

Originally, I was going to start using Sass with Parcel, but then I learned about Stylus, which looked interesting because it can get the property values of something directly instead of through variables, and PostCSS, which looked interesting because you can customize your Pre/Post-processing. Which tool would you recommend?

See more
Replies (2)
Recommends
on
PostCSSPostCSS

You're not correct with saying "vs Postcss". You're using Less/Sass/Stylus/... to produce "CSS" (maybe extended means it has some future features) and then in any case PostCSS will play (it is shipped with Parcel/NextJS/CRA/...)

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Animate.css
Pros of Stylus
    Be the first to leave a pro
    • 69
      Simple
    • 54
      Indented syntax
    • 38
      Efficient
    • 33
      Built for node.js
    • 32
      Open source
    • 24
      Expressive
    • 21
      Maintainable
    • 17
      Feature-rich
    • 13
      Better than CS
    • 6
      Variables
    • 5
      Functions
    • 3
      @extend directive
    • 2
      Contempt for curly brackets
    • 2
      Very clean
    • 2
      Mixins
    • 2
      Is Easy
    • 2
      No colons, semi-colons or even curly braces
    • 1
      Its unique
    • 1
      Dynamic selectors
    • 1
      Scriptable
    • 1
      Easy Efficiently
    • 1
      Transparent
    • 1
      Supports orthogonal architecture

    Sign up to add or upvote prosMake informed product decisions

    - No public GitHub repository available -

    What is Animate.css ?

    It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

    What is Stylus?

    Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use Animate.css ?
    What companies use Stylus?
    See which teams inside your own company are using Animate.css or Stylus.
    Sign up for StackShare EnterpriseLearn More

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Animate.css ?
    What tools integrate with Stylus?

    Blog Posts

    JavaScriptGitHubGit+33
    20
    2080
    Jun 19 2015 at 6:37AM

    ReadMe.io

    JavaScriptGitHubNode.js+25
    12
    2344
    What are some alternatives to Animate.css and Stylus?
    JavaScript
    JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
    Bootstrap
    Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
    Sass
    Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
    Material Design for Angular
    Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
    Tailwind CSS
    Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no build-in UI components. It comes with a menu of predesigned widgets to build your site with, but doesn't impose design decisions that are difficult to undo.
    See all alternatives