← Back to components

Card

A versatile card component for displaying content in a contained format

Layout
Created by Grain UI Team
4.9 rating
987 downloads

Preview

Create project

Deploy your new project in one-click.

How to use

import { GrainCard } from "@/components/demos/grain-card"

export default function MyComponent() {
  return (
    <div>
      <GrainCard />
    </div>
  )
}

Note: Make sure you have the required dependencies installed and the necessary UI components imported in your project. The component uses Tailwind CSS for styling and may require additional setup based on your project configuration.