Skills
.Work. You
Rest

tailwindcss-interactivity

Community

Control user interaction with Tailwind CSS.

Design & Creative#css#tailwind#interactivity#cursor#scroll#user-select#touch-action
Authorfusengine
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive utilities to manage how users interact with elements on a webpage, including cursor styles, scrolling behavior, text selection, and touch gestures.

Core Features & Use Cases

  • Cursor Control: Define custom cursors for different interaction states (cursor-*).
  • Scroll Management: Implement smooth scrolling, snap points, and control overscroll behavior (scroll-smooth, snap-*, overscroll-*).
  • Interaction States: Manage user selection, pointer events, and touch actions (select-*, pointer-events-*, touch-*).
  • Form Styling: Customize caret and accent colors for form inputs (caret-*, accent-*).
  • Use Case: Create a responsive image gallery where users can smoothly scroll through images, with each image snapping into place, and a custom pointer cursor appearing on hover.

Quick Start

Apply the cursor-pointer class to an element to change its cursor to a pointer on hover.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tailwindcss-interactivity
Download link: https://github.com/fusengine/agents/archive/main.zip#tailwindcss-interactivity

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.