Back to Plugins
Make Hover State

Make Hover State

Take any component or variant set and quickly scaffold hover states for them with interactive components.By the mad scientists at Shift Lab. Want to work with us? We're hiring!Get StartedSelect one or more components and/or variant setsRun the pluginStyle your new hover state variants!This will generate a clone of the existing component (or each variant in a component set), create a variant property group called Hovered with True and False values, and connect the new variant up to the original with a hover interaction trigger.LimitationsThere is currently a limitation with variant sets, where the plugin doesn't work if there is already a property group with the word "hover" in it. This is built in so that in future the plugin can support intelligently completing half-built variant sets, but it seems like it would be very prone to edge cases so I'm not sure if I'll ever support it. For now, use the plugin on either sole components or variant sets without hover states defined.

hover stateinteractive componentsrollover statevariantscode-generators

Plugin Preview

Make Hover State preview

About this plugin

Take any component or variant set and quickly scaffold hover states for them with interactive components.By the mad scientists at Shift Lab. Want to work with us? We're hiring!Get StartedSelect one or more components and/or variant setsRun the pluginStyle your new hover state variants!This will generate a clone of the existing component (or each variant in a component set), create a variant property group called Hovered with True and False values, and connect the new variant up to the original with a hover interaction trigger.LimitationsThere is currently a limitation with variant sets, where the plugin doesn't work if there is already a property group with the word "hover" in it. This is built in so that in future the plugin can support intelligently completing half-built variant sets, but it seems like it would be very prone to edge cases so I'm not sure if I'll ever support it. For now, use the plugin on either sole components or variant sets without hover states defined.

Plugin Details

Version2
CreatedDecember 28, 2021
Last UpdatedJanuary 12, 2022
CategorySoftware development
CreatorFrank Johnson
Stats1350 installs, 47 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma