Like Button — Interactive Toggle Framer Component
The Like Button is an interactive Framer component that lets users toggle a liked state with a single click. It ships with two visual states — default and liked — each with its own fill color and hover treatment, giving your UI instant interactivity without writing a line of code.
Two States, Zero Code
The component handles the Main → Liked toggle automatically. Drop it into any Framer project and it works out of the box — no variables to wire up, no interactions to configure manually.
Fully Customizable in the Properties Panel
Every visual property is exposed: text label, text color, icon color, fill color, hover fill color, border radius, and padding. Reskin it to match any design system in under a minute.
Features
Two Interactive States: Default and Liked — distinct fill colors and smooth hover transitions for both.
Customizable Fill & Hover Colors: Set any hex value for the default and liked fill independently.
Icon + Label: Heart icon and text label, both independently colorable.
Border Radius Control: Pill shape (100) to square (0) — any value in between.
Custom Padding: Adjust top, right, bottom, and left padding independently.
No Code Required: All customization happens in Framer's properties panel.
Paste Into Any Project: Compatible with any Framer project, including all sebadam.supply templates.
Frequently asked questions
How do I add the Like Button to my Framer project?
Copy the component URL from this page, open your Framer project, click anywhere on the canvas, and paste it. The Like Button appears instantly — ready to customize in the properties panel.
What can I customize in the Like Button?
Text label, text color, icon color, fill color, hover fill color, border radius, and padding (T/R/B/L) are all exposed as variables in the properties panel. No code needed.
Can I use the Like Button in multiple Framer projects?
Yes — paste the component URL into as many Framer projects as you like. There are no project limits.
Can I use the Like Button inside a sebadam.supply template?
Yes — the Like Button is compatible with any Framer project, including all templates from sebadam.supply. Paste it onto your canvas and customize the colors to match your template's design.
