Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>VScode React Emotion SnippetsNew to Visual Studio Code? Get it now.
VScode React Emotion Snippets

VScode React Emotion Snippets

muhajirdev

|
576 installs
| (0) | Free
A snippet for creating React Component with tailwindcss and styled-components or emotionjs
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode React Emotion Snippet

Installation

Follow the installation steps here and reload VSCode

Usage

demo

Simply write emo for

import styled from "react-emotion";

emoc for

import { css } from "react-emotion";

emosc for

import styled, { css } from "react-emotion";

Who should use this?

  • EmotionJS who use ReactJs
  • And maybe more?

Where does this snippet runs?

  • .js
  • .jsx
  • .ts
  • .tsx

Release Notes

0.1.0

Added support for .jsx, and .tsx

0.0.1

Initial release

For more information

  • Github
  • Got a question? Submit an issue

Contributing

  • Submit an idea
  • Make a pull request

Related

  • vscode-tailwind-styled-snippets

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft