Project Card

A sophisticated card component for showcasing projects with 3D hover effects.

Jan 2023 - Jun 2023

A fantastic new web application with real-time features and a modern UI.

React

Next.js

Tailwind CSS

TypeScript

Installation

Install the component automatically via Shadcn CLI.

npx shadcn@latest add https://www.grettech.com/api/registry/project-card

Jan 2023 - Jun 2023

An internal company dashboard. The source code is private and there is no public demo.

Next.js

Tailwind CSS

Prop	Type	Default	Description
className	string	-	Optional CSS classes to apply.
project	object	-	The project data object.
imageAs	React.ElementType	"img"	Custom component to use for rendering images, like next/image Image.
linkAs	React.ElementType	"a"	Custom component to use for rendering links, like next/link Link.
...props	React.HTMLAttributes<HTMLDivElement>	-	Accepts all standard HTML attributes (id, style, etc).