# Like components

> Boost user engagement with 3 interactive React like button components, all styled in Tailwind CSS for modern Next.js interfaces.

32 components available. Showing all of them below.

- [Heart Favorite](https://21st.dev/@moumensoliman/components/heart-favorite-shadcnui.md) — by Moumen Soliman
- [Like Button](https://21st.dev/@m.umairwaheedansari/components/like-button.md) — by Umair Waheed
- [Heart Button](https://21st.dev/@ozantekin/components/heart-button/heart-button.md) — by SHSF UI
- [Button](https://21st.dev/@originui/components/button/button-with-separate-number.md) — by Origin UI
- [AI Actions](https://21st.dev/@designali-in/components/ai-actions.md) — by Ali Imam
- [Social Card](https://21st.dev/@kokonutd/components/social-card.md) — by Kokonut Baffier
- [Post Card](https://21st.dev/@preetsuthar17/components/post-card.md) — by Preet Suthar
- [SocialPostCard](https://21st.dev/@ruixen.ui/components/social-post-card.md) — by Ruixen UI
- [Activity with Number Flow](https://21st.dev/@barvian/components/activity-with-number-flow.md) — by Maxwell Barvian
- [Card](https://21st.dev/@ravikatiyar162/components/card.md) — by Ravi Katiyar
- [Card Studio](https://21st.dev/@ShadcnStudio/components/card-studio/product-card.md) — by ShadcnStudio
- [Music Player Card](https://21st.dev/@ravikatiyar162/components/music-player-card.md) — by Ravi Katiyar
- [Card](https://21st.dev/@kavikatiyar/components/card-7.md) — by Kavi Katiyar
- [Like Button](https://21st.dev/@badtzx0/components/like-button.md) — by badtz
- [Workout Summary Card](https://21st.dev/@ravikatiyar162/components/workout-summary-card.md) — by Ravi Katiyar
- [Reaction](https://21st.dev/@shutock/components/reaction/fire-or-poop.md) — by Denis
- [comment reply](https://21st.dev/@theutkarshmail/components/comment-reply.md) — by Utkarsh Pandey
- [Text Wave Animation](https://21st.dev/@designali-in/components/text-wave-animation.md) — by Ali Imam
- [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/like-button.md) — by Arihant jain
- [Actions](https://21st.dev/@vercel-crawled/components/actions.md) — by Vercel
- [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-like.md) — by ShadcnStudio
- [Toggle Basic](https://21st.dev/@anubra266/components/toggle-basic/toggle-ghost.md) — by Abraham
- [Toggle Group](https://21st.dev/@olivier_1b6cd5bc/components/toggle-group/toggle.md) — by Olivier Tassinari
- [HeroUI Toggle Button](https://21st.dev/@hero_ui/components/heroui-toggle-button.md) — by Hero Ui
- [Toggle](https://21st.dev/@cnippet.dev/components/cnippet-toggle/social-post.md) — by Cnippet
- [Toggle](https://21st.dev/@cnippet.dev/components/cnippet-toggle/favorite.md) — by Cnippet
- [HeroUI Toggle Button](https://21st.dev/@hero_ui/components/heroui-toggle-button/disabled.md) — by Hero Ui
- [HeroUI Toggle Button](https://21st.dev/@hero_ui/components/heroui-toggle-button/controlled.md) — by Hero Ui
- [HeroUI Toggle Button](https://21st.dev/@hero_ui/components/heroui-toggle-button/sizes.md) — by Hero Ui
- [HeroUI Toggle Button](https://21st.dev/@hero_ui/components/heroui-toggle-button/icon-only.md) — by Hero Ui
- [HeroUI Toggle Button](https://21st.dev/@hero_ui/components/heroui-toggle-button/variants.md) — by Hero Ui
- [Message Circle Heart Icon](https://21st.dev/@skyleen77/components/icons-message-circle-heart.md) — by Elliot Sutton

Full component directory: https://21st.dev/llms.txt