Skip to content
@frontendmentorio

Frontend Mentor

Improve your front-end skills by building real projects

Frontend Mentor

Frontend Mentor banner

Frontend Mentor is a platform that helps developers improve their frontend and full-stack skills by building real projects. Our challenges include professional designs and allow you to practice coding in a realistic workflow.

🚀 The Platform

Frontend Mentor provides:

  • 120+ professional design-to-code challenges across 5 skill levels, from HTML/CSS basics to full-stack applications
  • Portfolio projects that get you hired with professional designs that consistently impress recruiters and demonstrate real-world capabilities
  • AI-enhanced feedback that spots 3x more improvement opportunities to accelerate your growth on every submission
  • Master professional workflows with Figma design files providing exact specs (colors, spacing, fonts) just like pro developers use
  • Practice with AI development tools like Cursor, GitHub Copilot, and ChatGPT to practice modern coding workflows
  • Supportive community of 1M+ developers for code reviews, career advice, and mentorship to beat imposter syndrome

Frontend Mentor Pro

Pro membership unlocks premium features including:

  • AI-enhanced feedback on every solution that catches 3x more issues across accessibility, code quality, and structure with explanations on how to fix them
  • 50+ premium portfolio-ready projects from landing pages to full web apps that mirror real client work and impress recruiters
  • Professional Figma design files with exact specs (colors, spacing, fonts) to master the design-to-code workflow pros use
  • Private solutions to control what you showcase and hide work you're not ready to share
  • Unlimited solution screenshots to perfect your submissions and match designs without limits
  • Instant access to community solutions to learn new techniques and get unstuck without submitting your own first

Learn more about Pro →

👥 Frontend Mentor for Teams

Help your development team level up together by building projects. Teams benefit from:

  • 120+ industry-standard projects with professional Figma designs, style guides, and responsive layouts for all skill levels
  • Project-based learning that accelerates developer growth faster than traditional tutorials through hands-on practice
  • Access to 1M+ developer community for feedback, support, and mentorship
  • Simple team management with project/path assignment, flexible seat management, and single annual invoice
  • Team branding visibility across the platform to attract talent and build brand awareness
  • Private solutions for team members to work confidentially

Perfect for engineering teams, bootcamps, and educational institutions.

Explore Teams →

💼 Frontend Mentor for Hiring

Hire from a pool of the most committed and skilled developers in the Frontend Mentor community:

  • Project-proven talent with portfolios of real-world projects to review code quality, live demos, and technical capabilities before first contact
  • Advanced candidate search to filter by skills, experience level, location, and salary expectations for fast, precise matching
  • Self-motivated developers from the largest project-based learning community who are proactive, passionate, and continuously improving
  • Direct messaging to promising candidates through the platform to quickly move them into your interview process
  • Reduced hiring overhead by bypassing resume screening and focusing only on developers who meet your exact criteria
  • Cost-effective hiring of high-growth-potential early-career developers with proven skills at more affordable rates

Hire juniors who have already proven their passion, skills, and drive.

Learn about Hiring →

💬 Join the Community

Connect with thousands of other developers in our Discord community:

  • Get help when stuck with questions and advice from supportive, knowledgeable members
  • Share projects for feedback to get code reviews and improve with each challenge
  • Collaborate on challenges by finding developers to pair up and work together
  • Stay connected with thousands discussing code, sharing resources, and getting updates on new challenges

Happy coding 🙂

Pinned Loading

  1. qr-code-component qr-code-component Public template

    A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.

    HTML 1 6

  2. results-summary-component results-summary-component Public template

    This 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.

    HTML 1 1

  3. weather-app weather-app Public template

    Build a responsive weather app with search functionality, unit conversion, and detailed forecasts using the Open-Meteo API.

    HTML

  4. space-tourism-website space-tourism-website Public template

    This 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!

    HTML 7 5

  5. todo-app todo-app Public template

    The classic todo app with a few twists! This app includes a dark/light theme toggle and drag & drop reordering for anyone wanting an extra test.

    HTML 2

  6. rock-paper-scissors rock-paper-scissors Public template

    This challenge will seriously test your HTML, CSS and JavaScript skills. There's even a Rock, Paper, Scissors, Lizard, Spock version if you really want to challenge yourself.

    HTML 7 6

Repositories

Showing 10 of 78 repositories
  • frontendmentorio/frontpage-feed-reader’s past year of commit activity
    CSS 15 5 0 0 Updated Feb 13, 2026
  • four-card-feature-section Public template

    A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.

    frontendmentorio/four-card-feature-section’s past year of commit activity
    HTML 16 17 0 0 Updated Feb 5, 2026
  • base-apparel-coming-soon Public template

    This layout looks simple enough, but there are some interesting details to it that will test your CSS skills. You'll also get to practice basic form validation.

    frontendmentorio/base-apparel-coming-soon’s past year of commit activity
    HTML 1 3 0 0 Updated Feb 5, 2026
  • huddle-landing-page-with-single-introductory-section Public template

    A perfect challenge for beginners, this project will get you working with a two column layout.

    frontendmentorio/huddle-landing-page-with-single-introductory-section’s past year of commit activity
    HTML 1 6 0 0 Updated Feb 5, 2026
  • fylo-landing-page-with-two-column-layout Public template

    This project is great if you're starting to get confident with slightly more complex layouts. The second section with the testimonial area will provide a nice challenge.

    frontendmentorio/fylo-landing-page-with-two-column-layout’s past year of commit activity
    HTML 1 9 1 0 Updated Feb 5, 2026
  • fylo-dark-theme-landing-page Public template

    This design has some nice layout challenges in it. A perfect training ground to practice your Flexbox and/or Grid skills.

    frontendmentorio/fylo-dark-theme-landing-page’s past year of commit activity
    HTML 1 4 0 0 Updated Feb 5, 2026
  • recipe-page Public template

    This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content.

    frontendmentorio/recipe-page’s past year of commit activity
    HTML 2 1 0 0 Updated Feb 5, 2026
  • interactive-rating-component Public template

    This is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!

    frontendmentorio/interactive-rating-component’s past year of commit activity
    HTML 1 3 0 0 Updated Feb 5, 2026
  • frontendmentorio/stats-preview-card-component’s past year of commit activity
    HTML 1 3 0 0 Updated Feb 5, 2026
  • single-price-grid-component Public template

    In this challenge, you will build out the pricing component to the designs provided. This is perfect for beginners and people who want to complete a smaller challenge.

    frontendmentorio/single-price-grid-component’s past year of commit activity
    HTML 2 4 0 0 Updated Feb 5, 2026

People

This organization has no public members. You must be a member to see who’s a part of this organization.