Gradient Back
"Supercharge your Framer components with rotation, hover effects, and dynamic color changes—just by wrapping them with these handy overrides!"
Made with Workshop
Build your own component with AI
About this Component
This code defines three higher-order component (HOC) overrides for Framer using React.
withRotate → Animates a component with a 90° rotation over 2 seconds.
withHover → Adds an interactive hover effect that slightly scales up the component.
withRandomColor → Connects to a simple Framer store that tracks a background color. On each click, the component’s background updates to a random color using Framer’s utility.
![Thumbnail for Stellar Flux, a Framer Marketplace template by S[C].](/creators-assets/_next/image/?url=https%3A%2F%2Fy4pdgnepgswqffpt.public.blob.vercel-storage.com%2Fcomponents%2FiPidqYTLxn1kVT50Kd2z%2Fstellar-flux-mXqjjRFkDBb2X0p40rnUJUvUBPT21x&w=3840&q=100)
