Blog 69 - Reader feed with claps and member-only postsPro
A single-column reading feed with author lines, thumbnails on the right, a clap button that pops a +1, and lock markers for member-only stories.
About Blog 69
A single-column reading feed with author lines, thumbnails on the right, a clap button that pops a +1, and lock markers for member-only stories.
Blog 69 is a blog block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 117 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.
- feed
- claps
- member
- paywall
- medium
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add blog-69Dependencies installed automatically: lucide-react, motion.
Uses: reveal, use-reduced-motion, utils.
Usage
import Blog69 from "@/components/blocks/blog-69"
export default function Page() {
return <Blog69 />
}