Fernbyte

Edit code one block at a time.

Build websites and small apps. Change a value and watch it update beside you. When it looks right, export real files.

What do you want to make?

🎮A game or drawingpygame-style games and turtle art 🤖A robot programDrive a robot to the flag 🧩With blocksSnap blocks together and get code 📐From a templateStart from a finished page 📖Learn to codeTwo courses with 263 lessons ✅PracticeChallenges that check your code
Blocks, not walls of codeEvery part of the page gets its own named block.
See it liveThe preview updates as you type, and can outline the part you pick.
Take it with youExport a zip or one file. Switch on Bootstrap or Tailwind with one click.
One workspace for everythingFiles and tabs, colored code, find and replace, a live website preview, a terminal and a flowchart that redraws as you type.
LearnTwo full courses with search and progress. Press Ctrl+K anywhere to jump to a lesson or a command.

Templates

Pick one to open it in the editor. Every part of it is yours to change.

My projects

Saved in this browser, on this device.

☁ Cloud saving and sharing across devicesPro, coming soon

💡 This is your workspace. Files holds your project: add files, upload pictures, switch pages. A website shows a live Preview on the right; Python, JavaScript and C++ show a live Flowchart and run in the Terminal. Find (Ctrl+H) searches and replaces.

live
Oval start/end · rectangle step · parallelogram input/output · diamond decision · hexagon for-loop
Terminaltype help for commands
py ›

Commands: forward(), turnLeft(), turnRight(), wallAhead(), atGoal(). Loops and if work too.

Your program
Code

Python code with pygame or turtle plays on the screen on the right. This is Fernbyte's own simple version: shapes, text, keys, mouse and touch work. Images, sprites and sounds don't yet.

Console

Fernbyte Pro

Free is a complete way to learn and build. Pro removes the limits and unlocks everything. No account is needed: Pro works with a license key.

What Pro unlocks

FeatureFreePro
Workspaces3Unlimited
Saved website projects5Unlimited
Templates7 of 10All 10
Practice challenges6All 12
Complete courseFirst 40 of 194 lessonsAll 194
Study guideAll 69 lessonsAll 69 lessons
Game examples2All 4
Workspace, Code Lab, C++, blocks, robot, flowchart, export, install, backup✓✓

Have a license key?

Your key is checked on this device. Nothing about you is sent anywhere.

Get the app

Install Fernbyte on your phone or computer, download its files, or back up your work.

Install on this device

  • iPhone or iPad: tap Share, then Add to Home Screen.
  • Android: open the browser menu, then Install app.
  • Windows or Mac (Chrome or Edge): click the install icon in the address bar.

Download for offline use

All the files of this site in one .zip. Unzip it and open index.html, or upload the folder to your own host.

Back up my work

Download everything you made here as one file: projects, workspaces and progress. Restore it on any device.

Edit any block and the page updates. Press "Show on page" to outline what a block controls.

Live preview. Scroll it like a normal page.
Live preview

Export your files

Your page as normal files you can open or upload anywhere.

Libraries

Libraries are ready-made code you switch on. Turn one on and it works in the preview and is added to your exported files.

You're using Fernbyte as a guest

Pro plans and license keyGet the app and back up my work

This is a Pro feature

See Pro plans

Get Fernbyte Pro

Email my receipt