Back to Footer blocks
An animated React footer with a color-shifting frame, responsive layout, and built-in dark mode for modern landing pages and SaaS websites.
npm i framer-motionnpm i react-iconsThis component supports Tailwind CSS dark: variants. To render this component in dark mode, add the dark className to your application's root element (for example, in app/layout.tsx).
Using <html>
<html className="dark"> ... </html>
Using <body>
<body className="dark"> ... </body>
Use Linear Reveal
Use Separator
A responsive React footer with social links, multi-column navigation, and built-in dark mode for modern landing pages and SaaS websites.
A responsive React footer with App Store and Google Play download buttons, social links, navigation, and built-in dark mode.