Skip to content

microsoft/griffel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Fluent UI Build
Feb 10, 2025
99512a0 · Feb 10, 2025
Oct 24, 2024
Nov 26, 2024
Oct 24, 2024
Jan 17, 2022
Jul 4, 2024
Jul 29, 2024
Sep 24, 2024
Oct 5, 2022
Feb 10, 2025
Oct 24, 2024
Feb 24, 2022
Jan 13, 2022
Jan 12, 2024
Jul 4, 2024
Jul 4, 2024
Jul 4, 2024
Jan 17, 2022
Jul 4, 2024
Jan 18, 2022
Dec 14, 2021
Jun 8, 2022
Jan 11, 2022
May 22, 2023
Dec 14, 2021
Nov 23, 2023
Jan 17, 2022
Apr 22, 2022
Mar 9, 2022
Jan 12, 2024
Jan 12, 2024
Jul 10, 2024
Jun 28, 2024
Jan 22, 2025
Jun 28, 2024
Jan 22, 2025

Repository files navigation

Griffel's logo

CSS-in-JS with ahead-of-time compilation ⚡️

NPM Downloads MIT License Github discussions

Griffel (German for stylus/pen) is CSS-in-JS with near-zero runtime, SSR support and styles defined with JavaScript objects.

🚀   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

📝   Experimental CSS extraction with Webpack plugin

🐞   Debug using Griffel DevTools extension

Griffel with React

npm install @griffel/react
# or
yarn add @griffel/react

Learn more?

Check series episodes of Fluent UI Insights related to styling issues and Griffel 🎥

EP02: Styling EP03: Griffel
Watch EP02: Styling Watch EP03: Griffel

Contributing

This project welcomes contributions and suggestions, please see CONTRIBUTING.md to get started.

Trademarks

This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft trademarks or logos is subject to and must follow Microsoft's Trademark & Brand Guidelines. Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship. Any use of third-party trademarks or logos are subject to those third-party's policies.

License

This project is licensed under the MIT License, see the LICENSE.md file for details.