Things

The Card component provides a flexible container with bold borders and shadows. It includes subcomponents for header, title, description, content, and footer. Built from scratch using React and native HTML div elements. Completely independent.

Quick Install

Install via shadcn/ui CLI

bash

npx shadcn@latest add https://things.marvlock.dev/registry/ui/card.json

Usage

tsx

import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"

<Card>
  <CardHeader>
    <CardTitle>Title</CardTitle>
  </CardHeader>
  <CardContent>Content</CardContent>
</Card>

Example

Get Started with Things

Enter your email below to receive updates about the Things component library

PasswordForgot your password?

Don't have an account? Sign up