Cutout Brand Card — Looping Video Band, Notched Label & Feature Grid (React + Tailwind)

Name: Cutout Brand Card — Looping Video Band, Notched Label & Feature Grid (React + Tailwind)
SKU: products-cutout-video-brand-card
Availability: InStock

A premium "cutout corner" brand/feature card with an autoplaying muted looping video media band, a notched inset label, a corner badge, a 2x2 feature grid and a CTA. Drop-in, dark-mode and reduced-motion friendly, lucide-react only.

React

What's included

Source code
Documentation
Dark mode
TypeScript types
Free updates

Free

Add it to your library and download instantly.

Install (shadcn CLI)

npx shadcn@latest add https://assetzaar.com/r/cutout-video-brand-card.json

Or use the Code tab to copy the source.

Requirements

So it renders exactly like the preview.

1. Install dependencies

npm install lucide-react

2. Project setup

Requires Tailwind CSS and lucide-react. Replace the sample video with your own via the `video` prop (MP4 + WebM + poster). The clip is muted, looping and lazy-loaded on scroll; it autoplays on supported browsers and falls back to the poster otherwise. Dark mode works out of the box.

Ratings, reviews & activity

No reviews yet — be the first to review this product.

Cutout Brand Card — Looping Video Band, Notched Label & Feature Grid (React + Tailwind)

What's included

Ratings, reviews & activity

Write a review

More components

Ship faster with Assetzaar Pro