Library / Footers & CTAs

Torn Paper Footer free

A seeded torn-paper top edge with a fibre fringe and a mascot that ducks when the cursor gets close.

Customize

Colour of the footer paper

How ragged the tear is (px)

Change it to tear the paper differently

A little creature peeks over the edge

Code

import TornPaperFooter from './TornPaperFooter';

<TornPaperFooter />

Checking your access…

Dependencies: none

footer paper svg mascot

More in Footers & CTAs

Wordmark FooterA dark footer with link columns and a full-width outlined brand name that a soft cursor brush fills with colour, trail fading.
Reveal FooterThe footer sits under the page; the page lifts like a rounded sheet to uncover it while the footer text drifts up.
Elastic FooterPush past the bottom and the footer edge stretches like rubber under the pointer, then snaps back with a wobble.