Voxel Story Video Card

Cards 61

About

A split 2-column feature card with 3D perspective mouse tilt, Cloudflare CDN campus video, live status badge, and student community tags.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Voxel Story Video Card to your project and fits it to your theme.

Code

How Voxel Story Video Card is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import * as React from "react";
import { VoxelStoryVideoCard } from "@/components/ui/voxel-story-video-card";

export default function VoxelStoryVideoCardDemo() {
  return (
    <div className="flex min-h-[500px] w-full items-center justify-center bg-background py-10 px-4">
      <VoxelStoryVideoCard />
    </div>
  );
}