Shadcn.io is not affiliated with official shadcn/ui
Profile Language Learner
React language learner profile block for Next.js with proficiency level indicators, daily streak counter, vocabulary stats, skill breakdown radar-style bars, and recent lesson history using shadcn/ui, Tailwind CSS, and framer-motion
Track language learning progress with this gamified profile block for React and Next.js. Features proficiency level indicators per language with animated progress bars, a daily streak counter with flame icon, vocabulary and XP stats, a skill breakdown for reading, writing, listening, and speaking, and a recent lesson history feed. Built with TypeScript, shadcn/ui Avatar, Badge, Progress, and Button components, Tailwind CSS, and framer-motion entrance animations. Ideal for language learning apps, education dashboards, and student progress pages.
Related Components
Student Academic
Academic student profile
Instructor Courses
Instructor profile
Book Reader
Book reader profile
Fitness Tracker
Fitness tracker profile
Gaming Stats
Gaming stats profile
Volunteer Impact
Volunteer profile
FAQ
Was this page helpful?
Sign in to leave feedback.
Journalist Bylines
React journalist profile block for Next.js with article bylines, beat coverage areas, publication history, and award nominations using shadcn/ui, Tailwind CSS, and framer-motion
Lawyer Practice
React lawyer practice profile block for Next.js with practice areas, case statistics, bar admissions, and client testimonial sections using shadcn/ui, Tailwind CSS, and framer-motion animations