Frontend Mentor
Change the repository type filter
All
Repositories list
74 repositories
newsletter-sign-up-with-success-message
Public templateThis will test your skills with basic form structure, validation, and submission. The success state will also be an excellent opportunity to work with DOM manipulation.interactive-card-details-form
Public templateThis fun project will be an excellent way to practice DOM manipulation and form validation while also putting your HTML and CSS skills to the test.insure-landing-page
Public templateTest your layout skills with this HTML & CSS only landing page. This challenge is perfect if you're starting to get confident in laying out web pages.sunnyside-agency-landing-page
Public templateroom-homepage
Public templateThis small homepage challenge packs a big punch to test your layout skills. There's also a slider in there to add a JS layer for extra practice.results-summary-component
Public templateThis challenge has something for everyone. It’s a HTML and CSS only project, but we’ve also provided a JSON file of the test results for anyone wanting to practice JS.fylo-data-storage-component
Public templateThis component has some interesting CSS challenges in the design. If you're looking to test your CSS skills, this will be a great project for you!rest-countries-api-with-color-theme-switcher
Public templateIf you're wanting to test your JavaScript skills this is the challenge for you. Use whichever JS framework you prefer and pull data from the REST Countries API.nft-preview-card-component
Public templatefylo-dark-theme-landing-page
Public templateThis design has some nice layout challenges in it. A perfect training ground to practice your Flexbox and/or Grid skills.expenses-chart-component
Public templateIn this challenge, you'll create a bar chart component from scratch. We provide a local JSON file, so you can add the chart data dynamically if you choose.crowdfunding-product-page
Public templateThis challenge will test both your layout skills and your JS state management skills. As visitors make pledges, your goal is to keep track of the changes.news-homepage
Public templateThis news homepage will be an excellent opportunity to practice your CSS Grid skills. There will be lots of tricky decisions to make and plenty of learning opportunities!space-tourism-website
Public templateThis project is a fun collaboration between Scrimba, Kevin Powell, and ourselves! If you like, you can follow along and watch Kevin complete the project on Scrimba. Lots to be learned!- This challenge will be a nice test if you're new to JavaScript. It's also a great opportunity to play around with content animations and transitions.
multi-step-form
Public templateAn excellent test for your form-building and JS skills, this project will pose lots of challenges along the way to completion.clipboard-landing-page
Public templatePut your layout skills to the test with this HTML & CSS landing page challenge. This challenge includes a design for hover states.blogr-landing-page
Public templateloopstudios-landing-page
Public templateThis challenge is perfect if you're looking to test your CSS Grid chops. Even without Grid, this project will be a fun one to help you practice your layout skills!interactive-comments-section
Public templateThis is project will put your JavaScript skills to the test. We provide a JSON file to pull the data, but it's also a perfect project to build as a full-stack CRUD app!bookmark-landing-page
Public templateThis challenge will really test your layout skills. There are also areas that will require some JavaScript, such as the tabbed features section and the FAQ accordion.age-calculator-app
Public templateThis challenge is designed to sharpen your JavaScript and form validation skills. Working with dates in JavaScript can be tricky, so this will be a nice test!advice-generator-app
Public templateThe perfect project if you're learning how to interact with 3rd-party APIs. This challenge uses the Advice Slip API to generate random quotes of advice.faq-accordion
Public templateIn this challenge, you'll build an FAQ accordion. This is an extremely common front-end pattern, so it's an excellent opportunity to get some practice in!tip-calculator-app
Public templateThis small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!time-tracking-dashboard
Public templateinteractive-rating-component
Public templateThis is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!browser-extensions-manager-ui
Public templateThis project will be a fun way to practice working with dynamic data, filtering data, colour theming, building a responsive grid, and more!testimonials-grid-section
Public templateThis challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!four-card-feature-section
Public templateA nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.