DEV Community

Cover image for GitHub Repository Card
MFM-347
MFM-347

Posted on

GitHub Repository Card

Showcasing: GitHub Repository Card with TailwindCSS

This CodePen by MFM-347 combines smooth UX/UI with Tailwind CSS to create a visually appealing GitHub repository card. The design is modern and responsive, featuring clean typography, intuitive input fields, and light/dark modes.

Key Features:

  • Dynamic GitHub API Integration: Live stats from GitHub repositories.
  • Light/Dark Modes: A toggle for user preference.
  • Tailwind CSS Styling: Precise spacing, color schemes, and animation effects.
  • Responsive Design: Optimized for different screen sizes.

Explore it here: GitHub Repo Stats by MFM-347.

Top comments (3)

Collapse
 
kurealnum profile image
Oscar

Very cool! You might want to consider changing the color of the text in the input fields to make it more accessible and readable.

Collapse
 
prodevstaff profile image
ProDev. Staff
Collapse
 
mfm347 profile image
MFM-347 • Edited

That's great but I think you will need to improve your typography skills. You should use less script typefaces, especially for headings.