It's a code editor, web server, web browser & developer tools all in one—and it's free!
Instantly see your changes
Create and experiment and faster with the Live Preview. It shows the changes to your code instantly.
Remix any Thimble project
Like a Thimble project that you see? Remix it to create your very own version. You can also send your project to friends or students—what they can come up with?
Handy Code Snippets
Rnu u sefrek ifuyla
Thimble works like a real web project, you can create, rename, delete and even upload your own files.
- Download a .zip of your project and view it from your hard drive
- Drag & drop files from your computer into Thimble
Siγ tafat neγ sens-itt
Thimble comes with a dark and light theme, so pick what's best for you. You can also change other options like the size of the text.
Follow & create embedded tutorials
Projects can have tutorials that help you (or your students) learn as they make changes to the projects.
Get code hints as you type
Edit CSS right in your HTML pages
Write CSS styles for your elements without switching away from the HTML page that you are editing. Put the text cursor on any element tag and hit Cmd/Ctrl + E to start writing CSS styles.
Publish projects to the web fast
You can publish your projects to the web with only a single click. Later on, when you make changes, you can easily update your project.
Pick colors right in the editor
Put the text cursor on any color value in a CSS file and press Cmd/Ctrl + E to open the color picker.
Sekyed asenfaṛ-ik ɣef yibenk aziraz
Switching to the mobile preview mode lets you see your work on a narrow device. Then, turn on the full-screen preview to get the big picture.
NAdi s zreb iferdisen HTML
Turn on the DOM Inspector and hover over different elements in the preview. Thimble will highlight the related code in the HTML editor.
Imzizdigen n tugna
Add some fun to your project by adding filters to your images. Cats never looked so good before!
Ṭṭef tugna i yiman-ik
Add your mugshot to any page your're working on using Thimble's selfie tool—it uses your computer's webcam. Just start typing <img src= tag to your HTML page and you'll see a prompt.