Shaswat Raj

Voxel Video Streak Card

Cards 51

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

    102
  • Optimized Tilt Card

    Optimized Tilt Card

    81
  • Voxel Story Video Card

    Voxel Story Video Card

    61
  • Curved Text Loop

    Curved Text Loop

    48
  • 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
  • Course Design Cards

    Course Design Cards

    1.1K
  • Interactive Tech Stack Bento Grid with Hover Effects

    Interactive Tech Stack Bento Grid with Hover Effects

    223
  • Stats cards with links

    Stats cards with links

    84
  • Statistics Card 7

    Statistics Card 7

    301
  • Card Studio

    Card Studio

    10
  • Statistics Card 2

    Statistics Card 2

    276
  • Weather Card

    Weather Card

    59
  • Card

    Card

    56