Codepip Free vs. Pro Games: What You Get at Each Level

Updated

Codepip labels each game Free or Pro on its game list, and that label is the main difference in access: free games can be played without a paid plan, while Pro games are tied to Codepip's paid plans. A free account is separate from game access — it lets you save progress and earn achievements, but it does not turn Pro games into free ones. Codepip's site lists paid plans (monthly, annual, lifetime, and group) through its Plans pages, but does not publish prices on the pages reviewed here, so check the Plans page for current cost.

The free games

These are marked Free on Codepip's game list:

Game Topic
Flexbox Froggy CSS flexbox
Grid Garden CSS grid
Anchoreum CSS anchor positioning (listed as New)
Tailwind Trainer Tailwind utility classes (listed as Free Beta)

Flexbox Froggy and Grid Garden are the best-known entry points — user testimonials on the site specifically call out both as helpful for learning CSS layout. Anchoreum and Tailwind Trainer are newer additions, and Tailwind Trainer is still in beta, so expect it to be less polished than the established games.

The Pro games

Most of the catalog is marked Pro, covering a much wider range of topics:

  • CSS: Cascade (rapid-fire CSS microgames), CSS Scoops (selectors), Nth Cart (:nth-child()), Selector Showdown (specificity), CSS Surgeon (transform), Flexbox Froggy Pro (flexbox with infinite practice levels)
  • JavaScript: Code Crunchers (math), Disarray (array methods), Stringo (string methods), Regex Machina (regular expressions), Console Caper (browser dev console), Intl Delivery (internationalization API)
  • HTML: Nester (nesting), Pathfinder (file paths), Sourcery (Emmet)
  • SQL: Querymon (database queries)

Two patterns are worth noting. First, several Pro games are advanced versions of free ones — Flexbox Froggy Pro adds infinite practice levels on top of the free Flexbox Froggy. Second, the Pro catalog goes well beyond CSS layout into JavaScript, HTML tooling, and SQL, which the free tier barely touches.

What a free account adds

Codepip's homepage lists three features available with a free account:

  • Checkpoints — save progress and resume from any device
  • Achievements — track and share in-game achievements
  • New Releases — discover games on new coding topics

So the free account is about persistence and tracking, not unlocking content. If you only play free games, an account still helps you keep your place across sessions.

How to decide

Stay on free games if you're learning CSS layout basics. Flexbox Froggy and Grid Garden cover flexbox and grid thoroughly, and Anchoreum adds anchor positioning. This is enough for a beginner working through layout fundamentals.

Consider a Pro plan if you want JavaScript practice (arrays, strings, regex, math), SQL, HTML tooling like Emmet, or deeper CSS drilling such as selector specificity and infinite flexbox practice. The Pro catalog is where most of the topic coverage lives.

Check before paying if cost matters to you: the site links to monthly, annual, lifetime, and group plans but the reviewed pages don't show prices. Visit the Plans page directly, and note that group plans exist if you're buying for a class or team.

One practical middle path: start with the free games and a free account, and upgrade only when you've finished them and want the JavaScript or SQL material. Since progress is saved to your account, nothing is lost by starting free.