Create thounsands of blocks in vanilla Minecraft with just one command and a resource pack. Save your blocks and share them with others with a simple link.
Incompatible Browser
Please use a modern browser (Google Chrome, FireFox, Microsoft Edge) to use this website.
Block Designer Options
Theme colour settings will be coming to the block designer soon™.
Why a spawner?
If you don't pick a texture for the first layer you will see a spawner in-game as this technique of adding blocks uses a spawner as a base. Learn more in this video by SimplySarc
Rotation controls
The rotation controls do not change the rotation of your block in-game, they are simply there so you can get a better view of your block.
Updated for 1.18
The generator now works with 1.18. You do not need to update the resourcepack as it has not changed.
You can try the live GitHub Pages deployment at mcraft.fun or mcon.vercel.app . Because these URLs are hosted on platforms often used for education, they frequently remain unblocked. Users can even deploy the project on their own server in less than a minute using a one-liner script, which allowed the community to create numerous "mirrors" across different github.io addresses.
: This year marked a massive surge in the popularity of these "unblocked" sites as students returned to classrooms and sought ways to play games during breaks or downtime. Common Features
In 2021, "Minecraft unblocked" projects on GitHub Pages, such as Eaglercraft, allowed users to bypass network restrictions by playing browser-based versions of the game. These methods often utilized web frameworks or portable Java editions, distinct from the official, updated Java edition released by Mojang. For a direct example of a 2021-era project, see the Adventures In Minecraft GitHub . minecraft-web · GitHub Topics
During the shift to remote and hybrid learning in 2021, school-issued Chromebooks and laptops became standard. Network administrators used aggressive web filters to block traditional gaming portals. However, developers found a perfect loophole in GitHub Pages.
GitHub Pages allows anyone to host static web pages (HTML, CSS, and JavaScript) directly from a repository for free.
While these versions lacked the newer features of the "Caves & Cliffs" updates, the core gameplay—mining, crafting, and building—remained fully intact. This made it a perfect distraction for users during lunch breaks or study halls. Risks and Security Considerations
To understand why this method became so popular in 2021, you have to understand how network firewalls work. Schools and offices often block gaming sites and specific URLs (like minecraft.net ).
School and workplace networks use Content Filtering Software (like GoGuardian or Securly) to block domains categorized under "Gaming." Classic gaming sites like Miniclip or Armor Games were blacklisted long ago. An "unblocked" site is simply any web address hosting a game that has not yet been flagged and blocked by these filters. Why GitHub.io?
Often permitted on school networks, offering a full, curriculum-focused experience. Conclusion
Whether you are playing the unblocked version or the standard desktop version, the gameplay remains remarkably similar. In these browser-based ports, you will typically experience the two classic modes:
As school networks and corporate firewalls tightened security, standard gaming platforms were blocked. Players found a clever workaround using GitHub Pages, a hosting service meant for web developers. This article explores how this trend exploded in 2021, the technology that made it possible, the risks involved, and its lasting impact on browser gaming. What Was Minecraft Unblocked GitHub.io?
: Many of these projects exist in a legal gray area regarding Mojang’s EULA. Consequently, repositories are frequently taken down by GitHub due to DMCA notices.
The Evolution of Minecraft Unblocked on GitHub Pages: A Look Back at the 2021 Phenomenon
In 2021, the surge in popularity for browser-based gaming led to a massive rise in users searching for "Minecraft unblocked githubio 2021." As schools, workplaces, and public networks tightened restrictions on gaming sites, developers utilized platforms like GitHub Pages to host functional, lightweight versions of Minecraft that could bypass these firewalls.
Original BlockDesigner by CodeCrafted
Visit them at codecrafted.net
or their Block Designer which inspired this one.
Original concept by SimplySarc
Watch their video here
Libraries Used
JSColor - Colour pickers
Tippy.js - Tooltips
Programming
All programming and design of this website was done by me - Enchanted Games
Download Instructions
Click the download button below, you should be directed to a DropBox folder.
Select the pack that has your Minecraft Version at the end. For example: if you are in 1.17 you should click BlockDesignerResources-1.17.zip
Then click the grey "Download" button in the top left. You can now install the pack by following the instructions below!
Installation Instructions
To install the pack:
Download the pack, open Minecraft Java Edition 1.14 or higher.
Go to Options > Resource Packs > Open Pack Folder and drag in the pack from your downloads folder. It will be a .zip file, you don't need to unzip it!
You are now ready to start creating Custom Blocks!
Any blocks that you save will appear below
Inventory
Exporting Blocks
Export your Saved Blocks as a text file to keep as a backup or to share with someone.
Importing Blocks
Import your Saved Blocks from a text file.
Import your Saved Blocks from a text file
Here you can import your Saved Blocks from a text file. If you do not know where to get this file, click the back button above and click "Export Blocks"
Export your Saved Blocks as a text file
The purpose of exporting your Saved Blocks is so that you can keep a backup of them or move them to a different browser. You can also share multiple blocks with someone by giving them the text file.
Info
This Block Designer is intended to be used with Minecraft 1.18 but can be used in any version from 1.14 to the newest versions.
Every block you create can have up to 3 different layers. Each layer can be assigned a colour, texture and enchant glint.
Layers
To select a texture click one of the images to the left and give it a colour or enchant glint by using the tools above it. To change what layer you are currently editing, click C or B buttons or right click on the Block Preview.
Block Name / Lore
You can edit the block name by clicking C or B until you get to "Block Options" or by right clicking on the Block Preview. Here you can edit the block name and style by giving it a colour, making it bold etc. You can also change the block lore, though it can't be styled.
Generating the Command
To get your block in Minecraft, click "Generate Command", copy it, open Minecraft and paste the command into a command block. Power it and you will be given a new command block that will become your block when placed!
If you are getting spam in the chat, type /gamerule commandBlockOutput false into the chat.
Sharing
To share a block, click "Share Block", copy the link and send it to someone you want to share your block with!
You can also share by clicking "Saved Blocks", clicking the More Options button to the right of the block you want to share, then click "Share"
Saving
To save a block click "Saved Blocks", then "Save Current Block". Your block will now be saved until you delete it.
Block Options
Press the More Options button to the right of a block. This will bring up a second menu where you can either load the block to edit it, generate the command for the block or share the block. You can also move a block to the top or bottom of the Saved Blcoks list.
Deleting a block
To delete a block from the Saved Blocks menu, click the More Options button to the right of it and click the Delete button. This action cannot be undone!
Block Exporting
You can do this by clicking the Export/Import button in the top right of the "Saved Blocks" menu. Click the "Export Blocks" button to get a text file containing all your currently saved blocks.
Block Importing
You can do this by clicking the Export/Import button in the top right of the "Saved Blocks" menu. Click the "Import Blocks" button and select a valid text file containing your blocks. You can also import other peoples blocks if they send you a text file containing them.
You need to install or update the resource pack
The resource pack is needed for your blocks to show up in-game. It doesn't replace anything so you won't even notice it.
Are you sure you want to reset the block?
Warning: This will delete the block you are currently editing! Save it first if you wish to keep it
Are you sure you want to delete all your Saved Blocks?
Warning: This action can not be undone! Your blocks will be gone FOREVER, please export your blocks before deleting them in case you change your mind later.
Someone shared a block with you!
Choose whether you want to load the block or ignore it below. (if you ignore the block you can still load it by clicking the "Load Block" button and selecting "Shared Block")
Only applies until someone shares another block URL with you.
Clicking this button will also prevent you from loading the block from the "Load Block" menu
What would you like to do with this block?
Choose whether you want to share the block, generate the command or load it to edit it.
Warning: This action cannot be undone. Press and hold the button below to delete the block
Delete block from Saved Blocks listLoad block:
Paste URL below:
This will load a random block from either a preset list or a truly random configuration.
Load:
Warning: This will delete the block you are currently editing! Save it first if you wish to keep it
Block Designer
Layer 1 Options
Colour Tint
Enchantment Glint
Texture
Layer 2 Options
Colour Tint
Enchantment Glint
Texture
Layer 3 Options
Colour Tint
Enchantment Glint
Texture
Block Name
Type in the input below to change the block name
Name Formatting
Colour
Bold
Italic
Strike
Underline
Block Lore (optional)
Type in the input below to change the block lore
Block Outline
Add a glowing outline around the edges of the block, similar to an entity with the Glowing Effect.
Glowing Outline
Command Block Options
Bold
Italic
Strike
Underline
Block Lore (optional)
Type in the input below to change the block lore