Griffel logo


CSS-in-JS with ahead-of-time compilation (By Microsoft)
+ 1

What is Griffel?

It is a CSS-in-JS engine with near-zero runtime and ahead-of-time compilation. SSR support and styles are defined with JavaScript objects. You can simply install and use it in code directly.
Griffel is a tool in the CSS Pre-processors / Extensions category of a tech stack.
Griffel is an open source tool with 776 GitHub stars and 21 GitHub forks. Here’s a link to Griffel's open source repository on GitHub

Griffel Integrations

Griffel's Features

  • Zero config start: Griffel has both runtime & build time implementations
  • Optional build time transforms to improve performance
  • Type-safe styles via csstype
  • Uses Atomic CSS to reuse styles and avoid specificity issues with CSS

Griffel Alternatives & Comparisons

What are some alternatives to Griffel?
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.
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.
Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.
It is a CSS post processor. It combs through compiled CSS files to add or remove vendor prefixes like -webkit and -moz after checking the code.
PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.
See all alternatives
Related Comparisons
No related comparisons found

Griffel's Followers
8 developers follow Griffel to keep up with related blogs and decisions.