Measured entry
hyperui-footers-9
A static HyperUI footer template built from semantic HTML, Tailwind utility classes, and an inline SVG logo. It has no declared package dependencies or interactive script logic; the back-to-top control is a plain anchor and expects a matching page target.



Measured
Every value below was written by the harness on the run that produced the frames above. None of it is derived from the prose.
| Build | OK |
|---|---|
| Mount | OK |
| Console errors | 0 |
| Uncaught page errors | 0 |
| Horizontal overflow | clean at 375, 768, 1440 |
| Axe critical | 0 |
| Axe serious | 1 |
| Axe moderate | 0 |
| Axe minor | 0 |
| Gzip marginal | 24.8 KB (90.2 KB build, 65.4 KB baseline) |
| Bare mode | OK |
| Provider required | NO |
| Demo used | written from the component source API |
Verdict
A solid lightweight shell for a small marketing site, with responsive wrapping and no runtime dependency burden. It mounts cleanly on its own, but it needs real content and links, a valid back-to-top target, and corrected muted text contrast before production use.
Use it if
- You need a compact brand introduction, short navigation, copyright line, and back-to-top shortcut.
- Your project already uses Tailwind and you can replace the sample identity, copy, and links.
- You want a footer that stacks cleanly on small screens and separates branding from navigation on wider layouts.
Skip it if
- You need a dense sitemap, newsletter signup, social links, or detailed legal navigation.
- You need production content out of the box; the source includes placeholder copy, links, branding, and copyright text.
- You cannot revise the muted text colors, since the verified version has a serious contrast issue.
- Your page cannot provide the anchor target expected by the back-to-top control.
Install
| Declared dependencies | none declared |
|---|---|
| Missing on install | none |
| Bare install | builds and mounts without the shadcn-style helpers |
| Provider | no provider required in the harness |
No shadcn setup is required. Add Tailwind with the utilities used by the markup, or translate those classes into project CSS. Supply the destination element for the back-to-top link, replace the inline logo and placeholder URLs, and adjust muted text colors to meet contrast requirements.
Source and credit
This page is a review, not a copy. The component source lives with its author and this site does not republish it. Read the license before you use anything.
Author repository
github.com/markmead/hyperuiAlternatives
Other published entries for the footer pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.
- ruixen-ruixen-gradient-footergradient-glow
- Renders
- YES
- A11y
- 0
- Gzip
- 18.1KB
- Bare
- pass
- Prov
- NO
- hyperui-footers-4editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 20.0KB
- Bare
- pass
- Prov
- NO
- hyperui-footers-5editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 20.2KB
- Bare
- pass
- Prov
- NO
- hyperui-footers-7editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 20.4KB
- Bare
- pass
- Prov
- NO
- hyperui-footers-2editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 26.6KB
- Bare
- pass
- Prov
- NO
- hyperui-footers-3editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 26.6KB
- Bare
- pass
- Prov
- NO