Shadcn.io is not affiliated with official shadcn/ui
Profile Streamer Overlay
React streamer overlay profile block for Next.js with live status indicator, subscriber goals progress bar, recent donations feed, chat activity stats, and stream schedule using shadcn/ui, Tailwind CSS, and framer-motion
Display streaming profiles with this React and Next.js block. Features a live/offline status indicator with viewer count, subscriber goal progress bar with animated fill, recent donation feed with tier badges, stream schedule grid, and chat activity metrics. Built with TypeScript, shadcn/ui Avatar, Badge, Button, and Progress components, Tailwind CSS, and framer-motion entrance and progress animations. Perfect for Twitch profiles, YouTube streamer pages, and gaming community platforms.
Related Components
Gaming Stats Profile
Competitive gaming statistics
Developer Profile Card
GitHub-style developer profile
Speaker Bio Profile
Conference speaker profile card
Freelancer Rates Profile
Freelancer skills and hourly rates
Author Page Profile
Published author profile
Student Academic Profile
Academic transcript and GPA display
FAQ
Was this page helpful?
Sign in to leave feedback.
Stats Overview
React stats-heavy profile block for Next.js with 2x2 metrics grid, weekly activity bar chart, contribution streaks, and animated counters using shadcn/ui, Tailwind CSS, and framer-motion
Student Academic
React student academic profile block for Next.js with GPA display, course grades table, semester progress bars, extracurricular activities, and honors list using shadcn/ui, Tailwind CSS, and framer-motion