Shadcn.io is not affiliated with official shadcn/ui
Profile Designer Showcase
React designer showcase profile block for Next.js with project gallery cards, design tool badges, client logos, testimonials, and availability status using shadcn/ui, Tailwind CSS, and framer-motion
Present designer portfolios with this showcase profile block built with React and Next.js. Features a project gallery with hover-reveal details and category tags, design tool proficiency badges, client testimonial quotes, and a real-time availability status indicator. Built with TypeScript, shadcn/ui Avatar, Badge, Switch, and Button components, Tailwind CSS, and framer-motion hover and entrance animations. Ideal for design agency team pages, freelance designer profiles, and creative portfolio directories.
Related Components
Photographer Grid
Photography portfolio profile
Portfolio Showcase
Two-panel portfolio layout
Freelancer Rates
Freelancer pricing profile
Developer Card
GitHub-style developer profile
Social Feed
Social media profile feed
Author Page
Writer profile page
FAQ
Was this page helpful?
Sign in to leave feedback.
Data Scientist Models
React data scientist profile block for Next.js with ML model registry, performance metrics, dataset badges, experiment history, and accuracy benchmarks using shadcn/ui, Tailwind CSS, and framer-motion
Developer Card
React developer profile card block for Next.js with GitHub-style contribution grid, language badges, pinned repositories, and follower stats using shadcn/ui, Tailwind CSS, and framer-motion