Shadcn.io is not affiliated with official shadcn/ui
About Book Shelf
A curated team reading list block for React and Next.js with stacked horizontal book cards, colored spine accents, category grouping with section headers, key takeaway quotes, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Showcase your team's intellectual culture with this stacked book card reading list block for React and Next.js. Features horizontal book cards with colored left-border spine accents grouped by category, one-line team quotes, recommender names, and category badges with smooth staggered entrance animations. Built with TypeScript, shadcn/ui Badge component, motion/react staggered animations, and Tailwind CSS. Perfect for about pages, culture sections, and team resource showcases.
Related Components
Culture
Company culture overview and showcase
Values Bento
Company values in bento grid layout
Philosophy
Company philosophy and beliefs
Team Voices
Team member quotes and perspectives
Principles
Core operating principles
Work Style
How the team works together
FAQ
Was this page helpful?
Sign in to leave feedback.
Bold Statement
A dramatic spotlight statement block for React and Next.js with word-by-word staggered animations, dot grid background, horizontal rule divider, and ghost CTA buttons built with shadcn/ui and Tailwind CSS
Brand Assets
A brand guidelines and asset library block for React and Next.js with tabbed sections for logos, colors, typography, and usage rules, copy-to-clipboard hex codes, font specimens, do/don't examples, and download actions built with shadcn/ui and Tailwind CSS