Like Button Counter
This nifty Framer resource lets you add a customizable like button with a counter, totally hassle free.
Make it with Workshop
Build your own component with AI
The component is built for non-technical creators that don't want to go through setting up a database. Relying on cookies, Supabase and unique IDs, allows this resource to store your likes count with accuracy.
Controls
• Button ID for unique identifiers
• Initial Likes if you don't want to start at zero
• Font
• Title (before likes count, after likes count, like text, liked text)
• Show Icon toggle
• Icon Size (default 16px)
• Icon Color, Liked Icon Color
• Icon SVG so you can paste in the icon you want from Hero Icons, Phosphor, Lucide, etc.
• Icon Gap
• Padding (T, R, B, L)
• Border (radius, width, color, liked color)
• Background (color, hover, liked color, liked hover color)
• Transition so you can control the animation
Support
For the full documentation of this component, please visit the support page on our website.
