Measured entry
tailark-veil-stats-3
A static Tailark stats section shipped as a shadcn registry block. It combines a serif heading, bordered proof points, and a masked Unsplash globe through Next.js Image, relying on Tailwind utilities, container-query variants, and theme color tokens.
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 | 1 |
| Uncaught page errors | 0 |
| Horizontal overflow | clean at 375, 768, 1440 |
| Axe critical | 0 |
| Axe serious | 0 |
| Axe moderate | 0 |
| Axe minor | 0 |
| Gzip marginal | 24.3 KB (89.7 KB build, 65.4 KB baseline) |
| Bare mode | OK |
| Provider required | NO |
| Demo used | written from the component source API |
What the harness recorded
CONSOLE
Failed to load resource: the server responded with a status of 404 (Not Found)
BARE BUILD
Failed to load resource: the server responded with a status of 404 (Not Found)
Verdict
Structurally clean and easy to edit, with successful build, mount, and accessibility checks. The verified render is much too narrow across viewports, so treat it as a starting point and fix the container sizing before shipping. Best for Next.js teams already using Tailwind theme conventions.
Use it if
- You need a compact credibility section with a heading, short introduction, and a small set of operational metrics.
- Your app already uses Next.js, Tailwind, and shadcn-style theme tokens, with remote images configured.
- You are prepared to replace the placeholder claims and stock globe with verified brand content.
Skip it if
- You need charts, live counters, animation, or data-bound metrics rather than static copy.
- Your layout must remain broadly readable without tuning container behavior, since the verified render compresses the copy into a very narrow column.
- You do not use Next.js and do not want to replace its Image component.
- Your security or privacy policy forbids loading imagery from Unsplash.
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 |
Add Tailwind with container-query support, define the background, foreground, muted foreground, and primary theme tokens, provide the serif font, and allow the Unsplash host in Next.js image configuration. Outside Next.js, replace the Image import with your framework's image component or a standard image element.
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/tailark/blocksAlternatives
Other published entries for the stats pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.
- hyperui-stats-1unclassified
- Renders
- YES
- A11y
- 0
- Gzip
- 3.4KB
- Bare
- pass
- Prov
- NO
- hyperui-app-stats-4editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 17.5KB
- Bare
- pass
- Prov
- NO
- tailark-mist-stats-2minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 17.6KB
- Bare
- pass
- Prov
- NO
- tailark-mist-stats-4minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 17.6KB
- Bare
- pass
- Prov
- NO
- tailark-veil-stats-1minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 17.6KB
- Bare
- pass
- Prov
- NO
- hyperui-stats-2editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 17.8KB
- Bare
- pass
- Prov
- NO