CTA Kit
FRAMER COMPONENT · BUTTONS · FREE
Hover, press and tap effects in your own fonts and colours. One component, ten effects, a real link or a Tap interaction. No code to touch.
Live component. Hover the buttons, or tap them on a phone. Each one is the same CTA Kit with a different effect and colours.
TEN EFFECTS
One component, ten ways to say click here.
Pick an effect in the panel. Colours, size, shape and icon work the same for all of them.
Shine
A light sweeps across.
Arrow
The arrow slides through.
Roll
Every letter rolls up.
Fill
The accent fills it in.
Glow
A light runs around it.
Press
A key you want to push.
Magnetic
It leans to the pointer.
Spotlight
A light under the pointer.
Link
The underline redraws.
MAKE IT YOURS
Sizes, shapes, icons and your colours.
Three sizes, pill, rounded or square, seven icons on either side, full width for forms and phones.
THREE STEPS
Drop it in, pick an effect, link it.
01
Add it to the page
Paste CTA Kit into your project and drop it wherever a button goes.
02
Pick an effect
Ten effects, three sizes, three shapes, seven icons. Your fonts and colours.
03
Link it
A page, a section or a web address. Or leave it empty and wire Framer’s Tap interaction.
WHAT’S INSIDE
Free. Built like the paid ones.
Real links, keyboard focus, names for screen readers and calm versions for visitors who prefer less motion.
Ten effects
Hover, press and tap
Your fonts and colours
Three sizes, three shapes
Seven icons
Real links or Tap interaction
Full width
Keyboard focus
Reduced motion
No libraries, no requests