Blog 76 - Editor's picks with ribbonsPro
A curated row of posts each wearing a corner ribbon, introduced by a signed editor's note with avatar.
About Blog 76
A curated row of posts each wearing a corner ribbon, introduced by a signed editor's note with avatar.
Blog 76 is a pro blog block for React, built on shadcn/ui and Tailwind CSS. It ships as 86 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- editors picks
- ribbon
- curated
- featured
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/blog-76Dependencies installed automatically: lucide-react.
Uses: reveal, utils.
Usage
import Blog76 from "@/components/blocks/blog-76"
export default function Page() {
return <Blog76 />
}