Shadcn.io is not affiliated with official shadcn/ui
About Open Source
An open-source project showcase bento grid block for React and Next.js with featured project hero cells, star counts, language badges, contributor stats, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS
Showcase your open-source portfolio with this bento grid block for React and Next.js. Features an asymmetric grid layout with two featured projects spanning full width and six compact project cells, each displaying star counts, language badges, license info, and last updated dates. Built with TypeScript, shadcn/ui Badge and Button components, motion/react staggered scale animations, and Tailwind CSS. Perfect for about pages, developer relations sections, and engineering blog sidebars.
Related Components
Tech Stack
Technology stack and tools used
Integrations
Third-party integration showcase
Community Stats
Developer community metrics
Community CTA
Community join call to action
Architecture Overview
System architecture diagram
Publications
Research and engineering publications
FAQ
Was this page helpful?
Sign in to leave feedback.
Open Positions
A job listings block for React and Next.js with department filter pills, animated filtered list, location and type badges, and resume CTA built with shadcn/ui and Tailwind CSS
Operating Principles
An operating principles block for React and Next.js with colored left-accent card stack, monospace numbering, decision test questions, expandable detail sections, and staggered slide-from-left animations built with shadcn/ui and Tailwind CSS