Like Button Counter — Let users like your content and show it

The component is built for non-technical creators that don't want to go through the hassle of 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

• Spinner size + color while the component connects to the API and counts initial likes + user likes

• 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.