Shadcn.io is not affiliated with official shadcn/ui
Profile Portfolio Showcase
React creative portfolio profile block for Next.js with two-panel layout, skills tags, project grid cards, and category filters using shadcn/ui, Tailwind CSS, and framer-motion
Present creative portfolios with this two-panel profile block for React and Next.js. Features a left sidebar with avatar, name, title, and skills tags alongside a right panel with filterable project grid cards showing title, category, and view links. Built with TypeScript, shadcn/ui Avatar, Badge, and Button components, Tailwind CSS, and framer-motion staggered animations. Ideal for designer portfolios, freelancer profiles, and creative agency team pages.
Related Components
Designer Showcase
Designer-focused portfolio
Photographer Grid
Photography portfolio grid
Developer Card
Developer profile card
Freelancer Rates
Freelancer rate card
Architect Projects
Architecture portfolio
Content Creator
Content creator profile
FAQ
Was this page helpful?
Sign in to leave feedback.
Podcast Host
React podcast host profile block for Next.js with episode list, listener stats, platform links, and audio waveform visualization using shadcn/ui, Tailwind CSS, and framer-motion
Product Manager
React product manager profile block for Next.js with OKR tracking, roadmap timeline, sprint velocity metrics, and stakeholder alignment using shadcn/ui, Tailwind CSS, and framer-motion