Agantar Footer

A simple, elegant footer signature component for React projects with automatic copyright year and animated logo.

Installation

npm install agantar

or

yarn add agantar

Usage

import { AgantarFooter } from "agantar";
import "agantar/dist/AgantarFooter.css";

function App() {
  return (
    <div>
      {/* Your app content */}
      <AgantarFooter siteName="My Website" />
    </div>
  );
}

Props

| Prop | Type | Required | Description | | ----------- | -------- | -------- | -------------------------------------------- | | className | string | No | Additional CSS class name | | siteName | string | No | Name of your website (defaults to "Agantar") |

Features

• ✅ Full-width footer with glassmorphism effect
• ✅ Automatic copyright year
• ✅ Built-in Agantar logo with hover animation
• ✅ Responsive design
• ✅ TypeScript support
• ✅ Works with Tailwind CSS (no conflicts)

Compatibility

• ✅ Works with Tailwind CSS (no conflicts)
• ✅ Works with CSS Modules
• ✅ Works with all bundlers (Webpack, Vite, Next.js, etc.)
• ✅ SSR compatible

Important: Don't forget to import the CSS file!

License

MIT