hexui-sh

Footer with Social Links and Language Switcher

Navigation

About

A page footer with a brand logo, social media icon buttons, a language switcher select, navigation link columns, and a copyright line.

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

Code

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

Usage.tsx

import SiteFooter from "@/components/ui/footer-2";

export default function FooterDemo() {
  return (
    <div className="flex flex-col w-full min-h-dvh items-center justify-center">
      <SiteFooter />
    </div>
  );
}

Dependencies

More by hexui-sh

View all
  • FAQ Accordion Section

    FAQ Accordion Section

    17
  • Subscription Footer

    Subscription Footer

    7
  • Categorized FAQ Section

    Categorized FAQ Section

    2
  • Fluid Gradient Footer

    Fluid Gradient Footer

  • Split Feature CTA

    Split Feature CTA

More in Navigation

View all
  • Sidebar

    Sidebar

    296
  • Progress Bar Stepper

    Progress Bar Stepper

    45
  • Tabs

    Tabs

    16
  • Navbar

    Navbar

    1
  • Breadcrumb

    Breadcrumb

    103
  • Capsule Tabs

    Capsule Tabs

    21
  • Pagination

    Pagination

    27
  • Pagination with Ellipsis

    Pagination with Ellipsis

    18