I'm Yuxin Guo: A developer & designer. I've created digital experiences for all kinds of companies, and now focus on helping teams create and maintain design systems.
Explore 50 mini-projects crafted with HTML, CSS, and JavaScript.
Day 1: Expanding Cards
Day 2: Progress Steps
Day 3: Rotating Navigation Animation
Day 4: Hidden Search Widget
Day 5: Blurry Loading
Day 6: Scroll Animation
Day 7: Split Landing Page
Day 8: Form Wave Animation
Day 9: Sound Board
Day 10: Dad Jokes
Day 11: Event Keycodes
Day 12: FAQ Collapse
Day 13: Random Choice Picker
Day 14: Animated Navigation
Day 15: Incrementing Counter
Day 16: Drink Water
Day 17: Movie App
Day 18: Background Slider
Day 19: Theme Clock
Day 20: Button Ripple Effect
Day 21: Drag N Drop
Day 22: Drawing App
Day 23: Kinetic Loader
Day 24: Content Placeholder
Day 25: Sticky Navbar
Day 26: Double Vertical Slider
Day 27: Toast Notification
Day 28: Github Profiles
Day 29: Double Click Heart
Day 30: Auto Text Effect
Day 31: Password Generator
Day 32: Good Cheap Fast Checkboxes
Day 33: Notes App
Day 34: Animated Countdown
Day 35: Image Carousel
Day 36: Hoverboard
Day 37: Pokedex
Day 38: Mobile Tab Navigation
Day 39: Password Strength Background
Day 40: 3D Background Boxes
Day 41: Verify Account UI
Day 42: Live User Filter
Day 43: Feedback UI Design
Day 44: Custom Range Slider
Day 45: Netflix Mobile Navigation
Day 46: Quiz App
Day 47: Testimonial Box Switcher
Day 48: Random Image Feed
Day 49: Todo List
Day 50: Insect Catch Game