Shadcn.io is not affiliated with official shadcn/ui
Profile Instructor Courses
React online instructor profile block for Next.js with course catalog, student ratings, enrollment stats, and curriculum progress bars using shadcn/ui, Tailwind CSS, and framer-motion
Showcase online course instructors with this React and Next.js profile block. Features a course catalog with enrollment counts and star ratings, animated progress bars for curriculum completion, student review excerpts, and teaching stats. Built with TypeScript, shadcn/ui Avatar, Badge, Progress, and Button components, Tailwind CSS, and framer-motion animations. Perfect for e-learning platforms, instructor directories, and educational marketplace profiles.
Related Components
Researcher Publications
Academic researcher profile
Speaker Bio
Speaker and conference profile
Mentor Availability
Mentor scheduling profile
Author Page
Author profile with book listings
Student Academic
Student academic profile
Data Scientist Models
ML model portfolio profile
FAQ
Was this page helpful?
Sign in to leave feedback.
Illustrator Gallery
React illustrator profile block for Next.js with art gallery grid, style categories, commission pricing, and medium expertise using shadcn/ui, Tailwind CSS, and framer-motion
Investor Portfolio
React investor portfolio profile block for Next.js with asset allocation breakdown, holdings table, total returns display, and sector exposure using shadcn/ui, Tailwind CSS, and framer-motion