blogs-2
efferd-/blogs-2FreeBlock
Clean grid layout with bordered cards.
Install it
npx shadcn@latest add http://efferd.com/r/blogs-2.jsonSource
1import { cn } from "@/lib/utils";2import { FullWidthDivider } from "@/components/full-width-divider";3import { GridFiller } from "@/components/grid-filler";45type BlogType = {6 title: string;7 date: string;8 description: string;9 category: string;10 author: string;11 href: string;12};1314const blogs: BlogType[] = [15 {16 title: "The New Design Principles for Modern Web Apps",17 date: "May 20 2025",18 category: "Design",19 author: "Sarah Chen",20 description:21 "We dive deep into modern UI/UX fundamentals and explore how small changes can make a massive impact on user retention.",22 href: "#",23 },24 {25 title: "Letter Club: An Ode to the Slow Web",26 date: "Aug 14 2025",27 category: "Design",28 author: "Mike Allyn",29 description:30 "In a world of instant gratification, we explore the beauty of thoughtful, long-form content and meaningful connections over time.",31 href: "#",32 },33 {34 title: "Carve Out Space for Opportunity and Coffee",35 date: "Sep 19 2025",36 category: "Productivity",37 author: "Jessica Doi",38 description:39 "Taking a break is work. Learn how simple rituals like a morning coffee can boost your creativity and productivity.",40 href: "#",41 },42 {43 title: "Building Modern Applications with Shadcn UI Components",44 date: "Oct 12 2025",45 category: "Design",46 author: "Tom Cook",47 description:48 "A comprehensive guide to leveraging Shadcn UI to build accessible, customizable, and beautiful user interfaces with incredible speed.",49 href: "#",50 },51 {52 title: "Fesgin: Bridging The Gap Between Design and Code",53 date: "Nov 23 2025",54 category: "Design",55 author: "David Park",56 description:57 "How designers and developers can collaborate more effectively to bridge the gap between creative vision and technical implementation.",58 href: "#",59 },60 {61 title: "The Art of Simplicity in User Interface Design",62 date: "Dec 05 2025",63 category: "Minimalism",64 author: "Emma Wilson",65 description:66 "Discover how minimalism in design leads to clearer communication and a more intuitive user experience, focusing on what matters.",67 href: "#",68 },69 {70 title: "Why Web Performance Matters For Your Business Growth",71 date: "Jan 18 2026",72 category: "Engineering",73 author: "Chris Martin",74 description:75 "We discuss techniques for improving web performance, from lazy loading to code splitting, ensuring your application runs smoothly.",76 href: "#",77 },78 {79 title: "Practicing Digital Well-being in an Always-On World",80 date: "Feb 02 2026",81// … truncated
What it pulls in
Other registry items
Files it writes
More from efferd
All 201 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| app-shell-1app-shell-1 | efferd | Blocks | Paid | no deps · 7 files | |
| app-shell-10app-shell-10 | efferd | Blocks | Paid | 1 dep · 13 files | |
| app-shell-2app-shell-2 | efferd | Blocks | Paid | no deps · 9 files | |
| app-shell-3app-shell-3 | efferd | Blocks | Paid | no deps · 9 files | |
| app-shell-4app-shell-4 | efferd | Blocks | Paid | no deps · 9 files | |
| app-shell-5app-shell-5 | efferd | Blocks | Free | 1 dep · 9 files | |
| app-shell-6app-shell-6 | efferd | Blocks | Paid | no deps · 11 files | |
| app-shell-7app-shell-7 | efferd | Blocks | Paid | no deps · 12 files |
