Card Image Section (Tailwind)

roi-ui/card-image-section-tailwind

FreeItem

A section with 4 image cards in a masonry layout.

Install it

npx shadcn@latest add https://roiui.com/r/card-image-section-tailwind.json

Source

registry/brook/tailwind/blocks/card-image-section/page.tsxroiui.com/r/card-image-section-tailwind.json

1"use client";
2import { CardImageSection } from "./components/card-image-section";
3import data from "./data.json";
4 
5export default function Page() {
6  return <CardImageSection data={data} />;
7}

What it pulls in

Other registry items

https://roiui.com/r/button-tailwind.json
https://roiui.com/r/card-tailwind.json

Files it writes

registry/brook/tailwind/blocks/card-image-section/page.tsx
registry/brook/tailwind/blocks/card-image-section/components/card-image-section.tsx
registry/brook/blocks-shared-files/card-image-section/data.json

More from Roi UI

All 123 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	Roi UI	Other	Free	no deps · 2 files
Accordion (Tailwind)accordion-tailwind	Roi UI	Other	Free	no deps
AI Chatai-chat	Roi UI	Other	Free	no deps · 2 files
AI Chat (Tailwind)ai-chat-tailwind	Roi UI	Other	Free	no deps
Alertalert	Roi UI	Other	Free	1 dep · 2 files
Alert Dialogalert-dialog	Roi UI	Other	Free	no deps · 2 files
Alert Dialog (Tailwind)alert-dialog-tailwind	Roi UI	Other	Free	no deps
Alert (Tailwind)alert-tailwind	Roi UI	Other	Free	1 dep