Harry Froget

Footer with Newsletter

Footers

About

Responsive 4-column footer with company info, useful links, social follows, and an inline newsletter subscription form with animated success/error feedback. Theme-adaptive via shadcn/ui tokens.

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

Code

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

Usage.tsx

import FooterPlain from "@/components/ui/footer-newsletter"

export default function Demo() {
  return <FooterPlain />
}

Dependencies

More in Footers

View all
  • Footer section

    Footer section

    1.9K
  • Footer 7

    Footer 7

    556
  • Large Name Footer

    Large Name Footer

    193
  • Footer

    Footer

    446
  • Footer column

    Footer column

    426
  • Stacked Circular Footer

    Stacked Circular Footer

    413
  • Footer 2

    Footer 2

    201
  • Footer

    Footer

    80