AS
Ayush Santoki

Dashboard Grid - Copy this React, Tailwind Component to your project

"Create a modern React UI dashboard with Tailwind CSS. The layout should include a grid with six cards arranged in two rows and three columns. Each card should have:A bold colored left border (different for each card: green, blue, yellow, cyan, purple, orange).A title like 'Available Credit', 'Referral Earning', etc.A number value (like 300, 0, etc.).A right aligned icon that matches the card’s purpose (e.g., credit card, gift, list, user group, layers, analytics).A 'View' button in the top right or bottom right of the card.The bottom three cards should also list 2–4 text based details, each paired with a value of 0.Use dark background cards with white or light text. Make sure the layout is responsive and wraps on smaller screens."

Prompt
Component Preview

About

DashboardGrid - Create a responsive React dashboard with Tailwind, featuring six cards with unique borders, icons, titles, values, an. Copy component code!

Share

Last updated 1 month ago