Portfolio Thank You Footer

Footers 135

About

Portfolio thank you footer: a closing 'thank you' slide with heavy caps, a hand-lettered marker line, a pen loop, a starburst and contact pills. Use it to end a portfolio, case study or deck.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Portfolio Thank You Footer to your project and fits it to your theme.

Code

How Portfolio Thank You Footer is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import StarburstThanksFooter from "@/components/ui/starburst-thanks-footer"

export default function Demo() {
  return (
    <div className="w-full bg-[#111418]">
      <StarburstThanksFooter
        name="Noor Haddad"
        thanks={["Shukran", "Thank you", "Merci", "Teşekkürler"]}
        tagline="for stopping by"
        signoff="now go make something weird."
        links={[
          { caption: "More of my shots", label: "dribbble.com/noorhaddad", href: "#" },
          { caption: "More of my code", label: "github.com/noorhaddad", href: "#" },
        ]}
        email="noor@haddad.design"
        phone=""
        background="#111418"
        ink="#ece8df"
        accent="#c6ff3d"
        height="680px"
        starPoints={12}
      />
    </div>
  )
}