PSU
Purecode Step Up

Phase Card - Copy this React, Tailwind Component to your project

Design a set of modular learning cards for an IELTS course, each representing a different phase of the course: Each card should be titled "PHASE 2: Past 1" and contain navigation buttons for the respective weeks: Week 1, Week 2, Week 3, and Week 4. The "Week 1" button should be highlighted in light blue to indicate the active or currently selected week, while the other week buttons should remain in light gray. The layout should be repetitive but clean, allowing for easy navigation between weeks. Ensure the design is minimalistic, with clear, distinguishable buttons for each week and phase, providing an organized user experience.

Prompt
Component Preview

About

PhaseCard - Modular IELTS learning cards with clear phase titles, week navigation buttons, and a minimalistic design, built with React. Copy now for free!

Share

Last updated 1 month ago