The post offers a set of 100 free frontend challenges aimed at improving web development skills, focusing on HTML & CSS, with opportunities to incorporate JavaScript and other frameworks. Each challenge involves recreating a design to build a working website or web app. The goal is to foster a project-based learning approach,
Table of contents
1. Profile Card2. Add to Bag3. Mobile Navigation4. Contact Us5. Recipe6. Image Carousel7. Create Account8. Music Events9. Password Generator10. Sign-up Page11. Hotel Booking12. Restaurant Reservation13. Task Board14. Shopping List15. Notifications16. Fur Friends17. Article Slider18. Images Preview19. Upload Images20. Card Wallet21. Pricing Plans22. Messages23. Home Page24. Movie Ticket25. Meeting Schedule26. Job Board27. Leaderboards28. Playlist29. Video Player30. Invoices31. Dashboard32. Newsletter33. Brand Visualizer34. User Profile35. Rate Us36. Sleep App37. Explore Flights38. Music Festival39. QR Code Scanner40. FAQ41. Create Workspace42. Settings Appearance43. Player Profile44. Website Launch45. Hosting Features46. Customer List47. Export File48. Markdown Post49. App Navigation50. Friend Request51. Download App52. Language App53. Billing Page54. Article Summary55. Progress Bars56. Project Roadmap57. Game Profile58. Create Task59. Calculate Tip60. Code Verification61. Flight Ticket62. Testimonials63. Weather App64. Document Manager65. Interests66. Navigation UI67. Select Account68. User Satisfaction69. Profile Settings70. Cookies Banner71. Email Client72. Image Collections73. Push Notification74. Manage Accounts75. Add Shot76. E-book Store77. App Integrations78. Audio Player79. Payment Plan80. Articles Grid81. Delivery Details82. Color Palette83. Socials Share84. Buy a Coffee85. Customer Reviews86. Chatbot87. Charts88. Fingerprint89. Voice Call90. My Devices91. Quiz App92. Search Filters93. Task Manager94. Time Widget95. 40496. Subscribe Card97. Design Assets98. Voice Recording99. Columns Card100. FooterSummary139 Comments
Sort: