Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>tailwind-styled-snippetsNew to Visual Studio Code? Get it now.
tailwind-styled-snippets

tailwind-styled-snippets

muhajirdev

|
8,408 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-tailwind-styled-snippets

Installation

Follow the installation steps here and reload VSCode

Usage

demo

Simply write tail for

const Component = styled.div`
 ${tw``};
`

and tailc for

const className = css`
 ${tw``};
`

Who should use this?

  • Styled Components User
  • EmotionJS User
  • 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-react-emotion
  • react-tailwind-emotion-starter A React + Tailwind + EmotionJs starter based on create-react-app
  • gatsby-plugin-tailwindcss
  • gatsby-tailwind-emotion-starter

Enjoy!

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