Codepip
Learn to code by playing games.
About Codepip
Codepip is a browser-based platform that teaches web development concepts through games. Its catalog covers CSS (flexbox, grid, selectors, transforms, anchor positioning, Tailwind utility classes), JavaScript (arrays, strings, math, regular expressions, internationalization, console usage), HTML (nesting, file paths, Emmet), and SQL database queries, with individual games such as Flexbox Froggy, Grid Garden, Querymon, and Regex Machina.
The platform offers a free tier with limited games, and paid Pro plans (monthly, annual, or lifetime) that unlock the full game library, remove ads, and add progress saving and achievement tracking. Group plans are available for classes or teams, adding group management, a teacher dashboard, and volume discounts.
The product is aimed at developers and learners looking to practice or reinforce specific front-end and database skills, from beginners working through fundamentals to professionals brushing up on a particular topic such as CSS transforms or SQL.
Key features
- Learn to code through interactive browser games covering CSS, JavaScript, HTML, and SQL
- Save progress with checkpoints across devices
- Track and share in-game achievements
- Free and Pro tiers with premium games and ad-free access
- Group plans with teacher dashboard and volume discounts for classrooms
Frequently asked questions
Is there a free tier?
Yes, the Basic plan is free and includes a selection of games. Pro plans add premium games, ad-free play, progress saving, and achievements.
What pricing plans are available?
Pro is available for $6/month, $4/month billed yearly, or $99 as a one-time lifetime payment.
What topics do the games cover?
Games teach CSS (flexbox, grid, selectors, transforms, anchor positioning), JavaScript (arrays, strings, regex, math, console), HTML, and SQL.
Who is Codepip for?
It's for developers and learners looking to build or sharpen web development skills, including those preparing for interviews or new jobs, as well as classrooms and teams via group plans.
Are there plans for teams or classrooms?
Yes, group plans are available with group management, a teacher dashboard, and volume discounts.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
BigsonDev
Learn/ProgrammingHTML, CSS, JS, React - blog articles, knowledge pills, projects with high-quality designs. Get out of tutorials hell and learn Frontend the right way.
Codecademy
Learn/ProgrammingLearn the technical skills you need for the job you want. As leaders in online education and learning to code, we’ve taught over 45 million people using a tested curriculum and an interactive learning environment. Start with HTML, CSS, JavaScript, SQL, Python, Data Science, and more.
CodeCombat
Learn/ProgrammingLearn programming languages by playing the Role Playing Game. Different languages, beginner-friendly learning curve.
Codinn
Learn/Programming30 Days of ReactJs challenge is a step by step tutorial to level up your React skills in 30 days by developing 30 projects.
Computer Science courses with video lectures
Learn/ProgrammingList of Computer Science courses with video lectures.
Coursera
Learn/ProgrammingJoin Coursera for free and learn online. Build skills with courses from top universities like Yale, Michigan, Stanford, and leading companies like Google and IBM. Advance your career with degrees, certificates, Specializations, & MOOCs in data science, computer science, business, and dozens of other topics.
