Blog grid

A blog index with a featured post, category filter, post cards, pagination and an in-place reader.

Library

Arc Library

Framework

React

Type

block

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/blog-grid.json

Files

• registry/blocks/blog-grid/blog-grid.tsx
• registry/blocks/blog-grid/blog-grid-data.ts
• registry/blocks/blog-grid/blog-grid.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Blog Section Components
• Card Components
• React Card Components
• Animated Card Components
• Data Display Components
• React Data Display Components
• Animated Data Display Components
• Filter Bar Components
• React Filter Bar Components
• Animated Filter Bar Components
• Section Components
• React Section Components

More from Arc Library

• Card
• Chip group
• Expandable card
• Filter toolbar
• Metric card
• Radio cards
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter