CHILLS - React TailwindCSS Snippets

Component libraries are great but every time I use one there is always something missing. Why not be able to import the source code directly into your project and customise it as you like.

That is why I created Chills.

What is Chills

Chills is a VS Code Snippet extension that can be used to created React components that are styled with TailwindCSS directly into you project.

Installation

In VS-Code:

1. Go to extensions. Ctrl+Shift+X
2. Type in chills
3. Click Install

Project Configuration

For the snippets to work you will need to have a working React based app with TailwindCSS configured. The following guides will get you setup for:

• React
• Next.JS

Usage

In your React or Next.JS project:

1. Create your component file, lets say LoginModal.tsx.
2. Type in the prefix you want, for a LoginModal ch-loginModalTS.
3. Edit the component name. Change LoginModalTS to what is required.
4. Import your component into your application.
5. Customise it as you see fit.

Feedback

I will continue to add components to this Snippet extension and would love any feedback on components I should add. Either comment here or raise an enhancement issue on Github.