Shaswat Raj

Voxel Video Streak Card

Cards 47

About

A 3D interactive tilt video showcase section featuring campus lawn gossip video from Cloudflare CDN, streak metrics, level badge, and sound controls.

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

Code

How Voxel Video Streak 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 { VoxelVideoStreakCard } from "@/components/ui/voxel-video-streak-card";

export default function VoxelVideoStreakCardDemo() {
  return (
    <div className="w-full min-h-screen bg-background">
      <VoxelVideoStreakCard />
    </div>
  );
}

Dependencies

More by Shaswat Raj

View all
  • Admit One 3D Holographic Ticket

    Admit One 3D Holographic Ticket

    93
  • Optimized Tilt Card

    Optimized Tilt Card

    75
  • Voxel Story Video Card

    Voxel Story Video Card

    61
  • Curved Text Loop

    Curved Text Loop

    43
  • Studiova Interactive Services Tabs

    Studiova Interactive Services Tabs

    32
  • Studiova Agency Metrics Grid

    Studiova Agency Metrics Grid

    24
  • Studiova Luxury Pricing Table

    Studiova Luxury Pricing Table

    12
  • Cyberpunk HUD Radar

    Cyberpunk HUD Radar

    7

More in Cards

View all
  • Stats cards with links

    Stats cards with links

    33
  • Course Design Cards

    Course Design Cards

    1.1K
  • Card

    Card

    70
  • Statistics Card 2

    Statistics Card 2

    264
  • Statistics Card 10

    Statistics Card 10

    263
  • Card

    Card

    17
  • Card Studio

    Card Studio

    9
  • The Item one

    The Item one

    3