Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Tailwind CSS snippetsNew to Visual Studio Code? Get it now.
Tailwind CSS snippets

Tailwind CSS snippets

Manuel Gil

|
1,218 installs
| (0) | Free
| Sponsor
This extension for Visual Studio Code adds snippets for Tailwind CSS.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tailwind CSS Snippets for VSCode Editor

Visual Studio Marketplace Version Visual Studio Marketplace Installs Visual Studio Marketplace Downloads Visual Studio Marketplace Rating GitHub Repo stars GitHub license

This extension for Visual Studio Code adds snippets for Tailwind CSS for faster development.

Requirements

  • VSCode 1.46.0 or later

Usage

Snippets

Type part of snippet, press Tab or Enter, and the snippet unfolds. Below is a list of the most important shortcuts.

Title Purpose
tailwind_five_stars 5 stars
tailwind_button_combination Button combination
tailwind_button_ghost Button ghost
tailwind_button_loading Button loading
tailwind_button_outline Button outline
tailwind_button_rounded Button rounded
tailwind_button_icon Button with icon
tailwind_button Button
tailwind_checkbox Checkbox
tailwind_featured_list Featured list
tailwind_form_group Form group
tailwind_grid_scroll_snap Grid snap scroll horizontal
tailwind_password_toggle Input password toggle
tailwind_input_search_clear Input search clear
tailwind_input_search Input search
tailwind_input_icon Input with icon
tailwind_input Input
tailwind_grid Layout grid equals
tailwind_link_image Link wrap image
tailwind_loading Loading circle
tailwind_modal_close Modal close
tailwind_modal Modal
tailwind_multi_avatar Multi avatar
tailwind_notification Notification
tailwind_overlay Overlay
tailwind_progress Progress bar
tailwind_radio Radio
tailwind_rounded_icon Rounded icon
tailwind_signup_form Signup form
tailwind_counter Simple counter
tailwind_textarea Textarea
tailwind_toggle Toggle
tailwind_upload Upload file

Follow Me

If you enjoy using this extension, consider following me for updates on this and future projects:

GitHub followers X (formerly Twitter) Follow

VSXpert Template

This extension was created using VSXpert, a template that helps you create Visual Studio Code extensions with ease. VSXpert provides a simple and easy-to-use structure to get you started quickly.

Other Extensions

  • Angular File Generator
  • NestJS File Generator
  • T3 Stack / NextJS / ReactJS File Generator
  • JSON Flow
  • Auto Barrel
  • CodeIgniter 4 Spark

Changelog

See CHANGELOG.md

Authors

  • Manuel Gil - Owner - ManuelGil

See also the list of contributors who participated in this project.

License

Astro DB Snippets for VSCode is licensed under the MIT License - see the MIT License for details.

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