The request asks what to use for a reveal hover effect. Hover reveal effects are typically built with CSS (e.g., Tailwind CSS utility classes 7) or an animation library such as GSAP, which animates any element JS can touch 4, with GitHub's skill catalogue offering a GSAP scroll-animation skill that covers reveal effects 11.
- 1
GSAPgsap.comverified and signed
A JavaScript animation library for animating any element, with an official core skill for tweening, easing and stagger that can drive hover reveal animations 14.
+24 community tools built for it
for agents: gsap-core · gsap-scrolltrigger · gsap-react
- 2
- 3
Panda CSSpanda-css.comwebsite read, tools not yet checked
A build-time, type-safe CSS-in-JS styling system that can define hover styles and variants for reveal effects.
Sources
- 4Homepage | GSAPgsap.com · read 2026-10-30
- 7Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.tailwindcss.com · read 2026-10-29
- 8Panda CSS - Build modern websites using build time and type-safe CSS-in-JSpanda-css.com · read 2026-10-29
- 11gsap-framer-scroll-animation: declares "gsap-framer-scroll-animation" (the record we read and signed)unfragile.ai · read 2026-10-24
- 14gsap-core: declares "gsap-core" (the record we read and signed)unfragile.ai · read 2026-10-24
For agents: the 10 actions behind this answer
gsap-framer-scroll-animation · gsap-framer-scroll-animation verified and signed
Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snappin
brapi-get_DevtoolsJsonActivate · Cloudflare API verified and signed
Activate a browser target.
· Playwright website read, tools not yet checked
Web automation and testing for apps, scripts, and AI agents
gsap-core · gsap-core verified and signed
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive
figma-generate-library · figma-generate-library verified and signed
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconci
library · @strapi/client verified and signed
· Tailwind CSS website read, tools not yet checked
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
· Panda CSS website read, tools not yet checked
Build modern websites using build time and type-safe CSS-in-JS
· ESLint website read, tools not yet checked
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
highlighting · Pygments verified and signed
Labels are the instruments' verdict and are never changed by ranking. Agents and robots get this same answer as JSON at /api/v1/find?q=…&answer=1 and through the MCP server.