Component Transitions

Add transitions to create interactive component that change states like toggles, checkmarks, radio buttons and even component with auto-playing animations, like loaders. All this can be done linking component variants with each other.

Linking Variants

Let’s consider a toggle, for example. After creating an ‘on’ and ‘off’ variants, you can link each other via the bolt connector to change their state on click. Then quickly preview to test out your component interaction.

Tweaking Transitions

After linking 2 or more variants, you can tweak the animation between them by clicking on ‘Transition’, in the properties panel. You can then choose between spring and ease curves, and tweak the parameters to your liking.

Related Articles

Component Creation
Component Variants
Component Variables
Component Sharing

Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI
Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI
Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI