microsoft
/
griffel
зеркало из https://github.com/microsoft/griffel.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность
CSS-in-JS with ahead-of-time compilation ⚡️
538 коммитов 3 Ветки 0 Теги 38 MiB
TypeScript 94.7%
JavaScript 3.5%
CSS 1.6%
HTML 0.1%
MDX 0.1%
Перейти к файлу
dependabot[bot] 14d1071a1a
chore(deps): bump dawidd6/action-download-artifact in /.github/workflows (#625) 
Bumps [dawidd6/action-download-artifact](https://github.com/dawidd6/action-download-artifact) from 2 to 6.
- [Release notes](https://github.com/dawidd6/action-download-artifact/releases)
- [Commits](https://github.com/dawidd6/action-download-artifact/compare/v2...v6)

---
updated-dependencies:
- dependency-name: dawidd6/action-download-artifact
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
 		2024-11-26 12:22:44 +02:00
.devcontainer
…
.github/workflows chore(deps): bump dawidd6/action-download-artifact in /.github/workflows (#625) 2024-11-26 12:22:44 +02:00
.storybook
…
.vscode
…
.yarn
…
apps
…
change chore: bump @wyw-in-js/* (#622) 2024-11-18 11:52:02 +01:00
e2e
…
ghdocs
…
packages chore: bump @wyw-in-js/* (#622) 2024-11-18 11:52:02 +01:00
tools
…
typings
…
.editorconfig
…
.eslintignore
…
.eslintrc.json
…
.gitignore
…
.prettierignore
…
.prettierrc
…
.yarnrc.yml
…
CODEOWNERS
…
CODE_OF_CONDUCT.md
…
CONTRIBUTING.md
…
LICENSE.md
…
README.md
…
SECURITY.md
…
azure-pipelines.yml
…
babel.config.json
…
beachball.config.js
…
beachball.hooks.js
…
jest.config.ts
…
jest.preset.js
…
monosize.config.mjs
…
nx.json
…
package.json chore: bump @wyw-in-js/* (#622) 2024-11-18 11:52:02 +01:00
tsconfig.base.json
…
yarn.lock chore(deps): bump cross-spawn from 7.0.3 to 7.0.5 (#623) 2024-11-18 12:03:28 +01:00

README.md

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.