Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Product Hunt Footer Block

A React Product Hunt style footer block for Next.js with upvote count badge, rating display, support button, two navigation columns, and copyright bar built with shadcn/ui and Tailwind CSS

Leverage your Product Hunt launch momentum with this React and Next.js footer block. Features a "Launched on Product Hunt" section displaying an upvote count badge and star rating, paired with a "Support us" call-to-action button. Two navigation link columns provide standard site links below the Product Hunt promotion. Built with TypeScript, shadcn/ui Badge and Button components, Lucide ArrowUpIcon and StarIcon, framer-motion staggered entrance animations, react-wrap-balancer, and Tailwind CSS. Ideal for indie hackers, early-stage startups, developer tools, and SaaS products riding Product Hunt launch traffic to maximize conversions.

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.