Resource 3 - Template detail with preview gallery and "Use template"Pro
A template marketplace detail section with a large preview image, clickable thumbnail strip, author byline, included-pages checklist, spec list and primary "Use template" plus live-preview actions. Use it for Notion-style template galleries, website themes or workflow libraries.
About Resource 3
A template marketplace detail section with a large preview image, clickable thumbnail strip, author byline, included-pages checklist, spec list and primary "Use template" plus live-preview actions. Use it for Notion-style template galleries, website themes or workflow libraries.
Resource 3 is a resource block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 120 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.
- template
- gallery
- preview
- marketplace
- resource
- detail
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add resource-03Dependencies installed automatically: lucide-react.
Uses: button, reveal, utils.
Usage
import Resource03 from "@/components/blocks/resource-03"
export default function Page() {
return <Resource03 />
}