@nuxtjs/emotion

The Next Generation of CSS-in-JS for Nuxt.js
27,998 91
Install
npm install @nuxtjs/emotion
Latest Version:1.0.2
Vue:3
License:MIT
Last Updated:Oct 23, 2026
Links: GitHub  ·  npm

emotion

@nuxtjs/emotion

npm version npm downloads circle ci coverage License

Emotion module for Nuxt.js

Features

  • Server Side Rendering (SSR)
  • Critical Path CSS with Hydration
  • Hot Reloads (HMR)
  • Style inlining
  • Minification
  • Dead Code Elimination
  • Source Maps
  • Contextual Class Names

📖 Release Notes

Setup

  1. Add @nuxtjs/emotion dependency to your project
yarn add @nuxtjs/emotion # or npm install @nuxtjs/emotion
  1. Add @nuxtjs/emotion to the modules section of nuxt.config.js
export default {
  modules: [
    '@nuxtjs/emotion',
  ]
}

Nuxt 2

Nuxt 2 is supported with @nuxtjs/emotion@0.1.0, Documentation is on https://github.com/nuxt-community/emotion-module/tree/v0 and the code on the v0 branch.

Development

  • Clone this repository
  • Install dependencies using yarn install or npm install
  • Start development server using npm run dev

License

MIT License

Copyright (c) Nuxt Community

Related Packages

@nuxtjs/i18n

Internationalization for Nuxt

23,877,608 2,085
i18n internationalization nuxt nuxt-module
@nuxtjs/color-mode

Dark and light mode for Nuxt with auto detection

20,659,199 1,228
@nuxtjs/tailwindcss

Tailwind CSS module for Nuxt

16,852,917 1,868
@nuxtjs/sitemap

Powerfully flexible XML Sitemaps that integrate seamlessly, for Nuxt.

10,334,110 441
@nuxtjs/robots

Tame the robots crawling and indexing your Nuxt site with ease.

8,776,519 529

Version History

Version Released Vue License
1.0.2 ^3.0 MIT
1.0.1 ^3.0 MIT
1.0.0 ^3.0 MIT
0.1.0 MIT
0.0.1 MIT