Measured entry
tailark-dusk-features-3
A dark, multi-column feature section built from media-heavy cards and decorative interface mockups. It ships as a shadcn registry block for Next.js and depends on Tailwind theme utilities, Next Image, Lucide icons, local Card and Button primitives, plus externally hosted image and video assets.



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 | 3 |
| 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 | 41.4 KB (106.8 KB build, 65.4 KB baseline) |
| Bare mode | FAIL |
| 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)
CONSOLE
Failed to load resource: the server responded with a status of 404 (Not Found)
CONSOLE
Failed to load resource: the server responded with a status of 404 (Not Found)
Verdict
Do not publish this as a working component. Installation stops because the Tailark card dependency resolves to a missing registry resource, so it never builds or mounts. It needs a shadcn-style setup plus a repaired or locally substituted card primitive before evaluation.
Use it if
- Your Next.js marketing page needs a dark feature grid with media-led cards.
- You are willing to repair or replace the broken Tailark card registry dependency before adoption.
- You already permit remote image and video assets or plan to self-host replacements.
Skip it if
- You need a registry item that installs and builds without manual dependency work.
- Your stack is not Next.js or does not use Tailwind and shadcn-compatible primitives.
- You cannot accept autoplaying decorative video or externally hosted Unsplash and Pexels media.
Install
| Declared dependencies | clsx, tailwind-merge |
|---|---|
| Missing on install | none |
| Bare install | fails once the shadcn-style helpers are removed, so it needs that setup |
| Provider | no provider required in the harness |
A non-shadcn project must add compatible Card and Button primitives, Tailwind theme tokens and utilities, Lucide React, and Next Image support. It must also replace or repair the missing Tailark card registry entry and configure or self-host the remote image and video assets.
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 feature-grid pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.
- hyperui-feature-grids-3editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 17.7KB
- Bare
- pass
- Prov
- NO
- hyperui-feature-grids-1editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 17.9KB
- Bare
- pass
- Prov
- NO
- hyperui-feature-grids-4editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 17.9KB
- Bare
- pass
- Prov
- NO
- hyperui-feature-grids-2editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 18.3KB
- Bare
- pass
- Prov
- NO
- meraki-feature-grid-list-with-imageminimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 18.5KB
- Bare
- pass
- Prov
- NO
- meraki-feature-simpleminimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 20.2KB
- Bare
- pass
- Prov
- NO