Hello there! I'm Chenran 👋 Welcome to my 50-day frontend design challenge project. Here, I tackle a new UI design challenge every day, showcasing different components and layout techniques. Through this project, I aim to enhance my frontend skills while providing inspiration and reference for other learners.
- Daily updated UI design challenges
- Modern frontend tech stack: React, Next.js, Tailwind CSS, Framer Motion
- Showcase of diverse components and layout techniques
- Open-source code for learning and contribution
| Day 1: Card Design | Day 2: Interactive Button |
|---|---|
| Exploring modern card design, blending aesthetics and functionality. | Creating an engaging, animated button with hover effects. |
 |
 |
| Day 3: Command Menu | |
|---|---|
| Implementing an interactive command menu with search functionality. | |
 |
This project draws inspiration from a Twitter user who consistently shares their progress in mastering Tailwind CSS and Framer Motion for dynamic design effects. Their commitment to #BuildInPublic has been truly inspiring, motivating me to embark on this journey of daily UI challenges.
This project is licensed under the MIT License.
Made with ❤️ by Chenran
"Practice Makes Perfect. Keep pushing forward, and success will follow."