Minimal Footer

Footers 400

About

A clean and responsive footer with company links, resources, and social media icons. Ideal for SaaS, startups, blogs, and business websites looking for a modern UI touch.

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

Code

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

Usage.tsx

import React from 'react';
import { MinimalFooter } from "@/components/ui/minimal-footer";
import { ArrowDownIcon } from 'lucide-react';
import Lenis from '@studio-freight/lenis';

export default function DemoOne() {
  
	React.useEffect(() => {
		const lenis = new Lenis();

		function raf(time: number) {
			lenis.raf(time);
			requestAnimationFrame(raf);
		}

		requestAnimationFrame(raf);
	}, []);

  return (
    <div className= "min-h-screen w-full" >
    <div className="flex h-screen flex-col items-center justify-center gap-10" >
      <div className="flex items-center gap-2" >
        <p>Scroll down < /p>
          < ArrowDownIcon className = "size-4" />
            </div>
            < /div>
            < MinimalFooter />
            </div>
	);
}