Frontendmentor.io
Frontend Mentor | Front-end coding challenges using a real-life workflow
Practice front-end skills by solving real-world HTML, CSS, and JavaScript challenges using professional designs. Build projects and improve your coding.
Solve real-world front-end coding challenges
Frontend Mentor is a hands-on platform where you can practice your front-end coding skills by working on real-world challenges. You get access to professional designs and project briefs, so you can focus on building with HTML, CSS, and JavaScript just like you would in a real job.
Whether you’re a beginner looking to learn or an experienced developer wanting to sharpen your skills, you’ll find a variety of challenges to suit your level. You can see solutions from others, join discussions on Discord, and even share your own work for feedback. It’s a friendly place to learn by doing and grow your confidence with practical projects.
If you’re looking to build a portfolio, prepare for interviews, or simply enjoy coding with a purpose, Frontend Mentor gives you the tools and community support you need to keep improving.
Alternatives to Frontendmentor.io
Discover websites similar to Frontendmentor.io. Section 1 prioritizes sites with matching domain extensions and/or languages. Section 2 offers worldwide alternatives.
Top Frontendmentor.io Alternatives (Prioritized Matches)
Watch free video lessons to master CSS Grid layout with Wes Bos. Learn modern web design techniques step by step, perfect for beginners and pros.
Learn web development with short, expert-led video lessons focused on front-end tools and skills for developers and teams. No lengthy lectures, just results.
Explore Rust and WebAssembly with guides, tutorials, and updates. Connect with the community, learn new skills, and stay informed about recent events.
Learn to design and code real apps with hands-on courses in React, Swift, UI design, and development tools like Figma and SwiftUI. Build practical skills online.
Discover top-rated coding tutorials and courses, handpicked and ranked by the programming community, to help you learn new skills at your own pace.
Learn RxJS offers clear examples, explanations, and hands-on resources to help you understand and use RxJS for reactive programming in JavaScript.
Find clear tutorials and guides for iOS development, covering Swift, UIKit, and more. Perfect for learning new skills or solving coding issues.
Learnk8s offers hands-on Kubernetes training with instructor-led classes, workshops, and resources to help engineers master container orchestration.
Read in-depth tutorials and tips for using Google Apps Script, Google APIs, Node.js, Python, and more to automate and enhance your workflows.
Explore CARLA's official documentation for its open-source simulator, offering guides, tutorials, and resources for autonomous driving research and development.
Get started with Jupyter/IPython Notebooks using this beginner-friendly step-by-step guide covering installation, setup, and basic usage.
GDevelop lets you create 2D and 3D games without coding. Build, learn, and publish your games easily to multiple platforms with free, open-source tools.
GameMaker lets you create 2D games for free, offering easy-to-follow tutorials and tools for both beginners and experienced developers.
Explore a curated collection of resources, examples, and tools to help you create and manage front-end style guides and pattern libraries.
Adorable.io helps you build professional websites with expert guidance, offering web design, development, and digital solutions for your online presence.
Explore experimental web platform demos that run in Chrome Canary. See interactive examples and test new web features in action.
Python Central offers guides, tutorials, and code examples to help you learn and improve your Python programming skills, from beginner to advanced topics.
Explore interactive front-end web development demos, code generators, and helpful tools for developers, all open source and easy to try online.
JavaScript Is Sexy offers tutorials, guides, and tips to help you master JavaScript and frontend development, with a focus on UI/UX and modern techniques.
Tutlane provides step-by-step tutorials and examples on programming, web development, databases, and mobile technologies to help you learn new skills.
Explore CSS Grid Layout with clear examples, video tutorials, and resources to help you learn and master modern web layout techniques.
Learn Git branching with interactive visual tutorials and hands-on exercises to master version control concepts quickly and easily.
Learn essential computer science tools like the command line, text editors, and version control with practical lessons not usually taught in class.
Learn TypeScript step by step with easy guides, examples, and practical tips to help you understand and use TypeScript in your JavaScript projects.
PentesterLab teaches web hacking and security code review with hands-on exercises, real-world vulnerabilities, and expert guidance for advanced learners.
Learn Python programming with step-by-step tutorials for beginners and pros, covering basics, databases, GUIs, and machine learning topics.
AppCoda helps you learn Swift, SwiftUI, and iOS app development through free tutorials, ebooks, and video courses for all skill levels.
Learn how to build web apps with Blazor through step-by-step tutorials, community docs, and support from fellow developers in an active community.
Learn HTML, CSS, and JavaScript with easy tutorials, references, and examples for building and understanding web pages. Ideal for beginners and coders.
Learn modern JavaScript with clear tutorials, examples, and tasks, covering everything from basics to advanced topics. Available in multiple languages.
Worldwide Frontendmentor.io Alternatives
Learn MySQL quickly and easily with step-by-step tutorials, guides, and practical examples for beginners and advanced users on this dedicated website.
Explore friendly web development tutorials focused on React, CSS, JavaScript, and animation, designed to make complex topics easy to understand.
Git Immersion offers a hands-on, step-by-step guide to learning Git basics, perfect for beginners wanting to practice and understand version control.
Learn GraphQL from scratch with free, hands-on tutorials covering basics to advanced concepts, including guides for Apollo, Relay, React, and NodeJS.
Learn how fragment shaders work with this interactive, step-by-step guide. Explore graphics programming concepts in an easy and accessible way.
Learn JavaScript by building 30 real projects in 30 days—no frameworks or libraries, just hands-on coding with clear, step-by-step tutorials.
Learn F# and functional programming with practical guides, tips, and resources designed to help developers build better business software.
LearnOpenGL.com offers clear, beginner-friendly tutorials and examples for mastering modern OpenGL programming, from basic concepts to advanced techniques.
Learn coding online with easy tutorials, interactive exercises, and practice editors for HTML, CSS, JavaScript, Python, SQL, and more—all in one place.
Learn Java, Spring, and Micronaut frameworks with practical tutorials, code examples, and guides designed to help you build and improve your coding skills.