uiable

Footer with Social Icons

Footers

About

A centered card-style website footer with a logo, a row of quick links, and colorful branded social media icon buttons, animated into view on scroll.

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

Code

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

Usage.tsx

import Footer7 from "@/components/ui/footer-7";

export default function FooterDemo() {
  return <Footer7 />;
}

Dependencies

More by uiable

View all
  • Feature Highlights Grid

    Feature Highlights Grid

    437
  • Card Tabs

    Card Tabs

    117
  • Financial Bento Grid

    Financial Bento Grid

    99
  • Chart Tooltip

    Chart Tooltip

    81
  • Portfolio Showcase Grid

    Portfolio Showcase Grid

    75
  • Marketing Hero Section

    Marketing Hero Section

    73
  • Sidebar with Search and Profile

    Sidebar with Search and Profile

    63
  • Attachment States

    Attachment States

    48

More in Footers

View all
  • Footer section

    Footer section

    1.9K
  • Footer 7

    Footer 7

    587
  • Footer column

    Footer column

    446
  • Stacked Circular Footer

    Stacked Circular Footer

    442
  • Hills Landscape Footer with Call to Action

    Hills Landscape Footer with Call to Action

    66
  • Ruixen Footer 03

    Ruixen Footer 03

    70
  • Footer 2

    Footer 2

    218
  • Footer

    Footer

    17