Footer Minimal
One quiet row: brand, a few links and the year.
- Type: Footer section
- Styles: Minimal, Light
- Licence: Free, MIT
About Footer Minimal
Footer Minimal is one quiet row: brand, a few links and the year.
It is a full-width footer section for React and Tailwind CSS 4, in a minimal and light style. Preview it at any width above, then install it with one command.
When to use Footer Minimal
- Waitlist and single-page sites.
- Docs and tools.
- Personal sites.
- App marketing pages.
How it is built
One flex row that wraps on mobile, with no dependencies.
It has no component dependencies beyond the shared utilities, so it is one file to read and change.
Goes well with Footer Minimal
Footer Minimal is part of 29 full templates, so you can see it in a finished page.
- Kiln template: Ship-ready docs-first dev tool page.
- Flint template: Collect your first thousand emails.
- Lattice template: Generate, keep, sell.
- Vellum template: Find anything your team ever wrote.
- Glyph template: Four thousand icons, one style.
- Keystone template: Login, done in an afternoon.
- Patchnote template: Release notes people actually read.
- Terminus template: A terminal with taste.
- Monograph template: A one-person portfolio that books calls.
- Copyhouse template: Words that sell, from one writer.
- Lumi template: Drag the slider, buy the app.
- Dropline template: Built for the hour everything sells out.
- Off the Clock template: A home for a show and its listeners.
- The Margin template: A publication with paying readers.
- Launch Night template: One evening, one RSVP.
- Seedling template: Raise money for something that grows.
- Paperclip template: Get paid faster, freelancer.
- Breathe template: Ten quiet minutes a day.
- Nourish template: A coach in your pocket, a plan on your plate.
- Darkroom template: A course people finish.
- Sprout template: Coding classes kids beg to go to.
- Cohort template: Sell a course like a creator.
- Patron template: Let your audience fund the work.
- Backstage template: Members-only videos, done properly.
- Nova template: Take pre-orders before you ship.
- Manifest template: Turn launch day into a sales day.
- Stealth template: Say little. Collect emails.
- Pilot template: Recruit your first beta testers.
- Pocket template: Launch an app, get the downloads.
- Footer Columns: A free React footer with brand, four link columns and a newsletter field
- Footer Wordmark: A React footer with an enormous wordmark that rises into view
- Footer Newsletter: A big React footer led by a newsletter sign-up, sitemap and live status
- Footer Contact: A studio React footer with a giant email link, hours and live local time
Install Footer Minimal
npx shadcn@latest add https://charcoalui.com/r/footer-minimal.jsonFooter Minimal is free and MIT licensed. The command installs the section into components/sections along with every component it uses.
Frequently asked questions
- Why use a minimal footer?
- On single-page sites, waitlists and tools, a big footer is noise. One quiet row with your brand, three or four links and the year keeps attention on the call to action above it and still gives people privacy and contact links.
- Does Footer Minimal work with Next.js?
- Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
- Can I change the copy and colours?
- Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.