We’re excited to bring you an all new editing experience today. We’ve followed your lead, honoring some of the most common requests for fixes and enhancements to make your everyday experience of Glitch easier and faster!
With an overhaul of this scale, there are bound to be a few quirks, so please keep us posted. We’d also love to hear how this changes your common workflows. Any faster or easier for how you work? Sound off on that too.
Here are some highlights:
Inline error reporting: Glitch has your back when things go awry—we’ll show you errors right on the line that causes them, so you can get things back on track without bouncing between your code and the console.
3D Asset support: Working with 3D assets? We’ve got you covered there, too, with full 3D previews right in our asset manager. We’re thrilled that Glitch is one of the most popular ways for creating the metaverse, and we want to make that easier than ever.
Improved Prettier formatting: We’ve made our support for Prettier cleaner and more automatic than ever. And as always, you can fully customize your Prettier config to match your particular preferences.
Better, faster assets overall: Assets in new projects are now cached by Fastly — automatically. We’ll provide a means of migrating existing projects to Fastly shortly. Uploading assets is zippier than ever!
We couldn’t have made this release without all your thoughtful input and suggestions. Let us know how it works for you, and thanks so much for all the magic you bring to the web.
Looks cool, but I liked the PREVIEW button more when it was in the top left and had a dropdown symbol. My favorite subtle change is the color preview for CSS files.
It’s a nice update, but I liked it better when you could update the project description, name, and icon all in the editor. It was way more convenient. I also agree with @DerDer56, it was a lot faster with the preview button at the top left. Other than that, it’s fine. It’ll take some getting used to.
great job with the redesign! - some feedback: using any of the items included in the tools dropdown and then clicking the back arrow will result in me being able to see the old menu with items. Certainly this is not intended behavior because all of this is already available in the tools dropdown.
is a duplicate of
Also, I am not able to see the people online on the workstation…
And not having the project name is starting to give me a headache when switching tabs…
I honestly didn’t like the look, as I liked the darker theme from before and some things were redone, which was good, but honestly I say that on the visual side of the editor I didn’t need to update.
I’m sorry if I said something wrong, as I’m using google translator to be able to speak
Some of the changes are bad:
1.you can’t close the page that is opened next to the code (if it’s somehow possible, tell me)
2.it’s harder to change project name now
3.the list with all files next to the code has white background so file names are unreadable (I’m using dark theme if it matters)
4.I don’t know how to open the page in a new window (when editing project) now
Hey I think you got caught in an in-between state when it rolled out. Try a refresh, and if that doesn’t clear it up look for the settings menu and toggle the light/dark theme setting. (It’s a one-time fix!)
Here’s what it should look like, and sorry about that.
(Oh and at the top of the preview pane, all the way to the right, click the three dots to see a menu with the option to close the preview entirely.)
Although I do like that some stuff has been moved around, it would have been nicer to preserve the positions of all the settings, as I’m used to the old layout of the previous code editor.
Can a feature be added to return to the old editor when needed?
Tiny feedback item: the menu on the Files item in the project explorer on the left, prompts to add a license file if you’ve not added one already… but, it expects the file to be called LICENSE.md, so if you have a file called LICENSE (no extension), the option still appears (I did not check what happens for LICENSE.txt); also, it only adds MIT, rather than providing other options.
I also had the strange palette issue with the dark theme, but toggling between light/dark in settings soon fixed that.
Suggestion: In-line color picker is nice, but it thinks that anything with a # and numbers after it is a hex code. I use Glitch to code my Discord bot and the channel formatting (e.g. <#756924086659055817> = #general) is triggering the color picker to pop up before it. Could this be fixed?
The 3D assets feature got me wondering, did the problem with uploading 3D models to the cdn (blocked) have anything with this feature .
But great job with the ui update overall though I still some of the old ui and dark theme lacks a bit of contrast but I feel like this issues can be easily fixed.
I’m curious, does rewriting the editor to use Vite also help for developement because from what I’ve seen vite’s refresh on code change seems to be faster than webpack’s watch.
The hover state for Settings, Assets, and Files in dark mode is too light and it’s hard to read the text. (I’ve cleared my cache, etc.)
From a stylistic perspective I’m not always a fan of hard lines - the design reminds me of '90s iframes (lol) but it also looks more “grown up” in a way too.
I’ll echo some of the other posts in that I liked how one could easily make changes and preview from the top left corner . But I know the contenteditable was problematic sometimes when I typed too fast.
PLEASE go back to the state before, the glitch doesn’t need an update, it was perfect as it is, now there are bugs everywhere, look what happens when I try to create a new file:
collaboration is quite difficult now than before, I am not able to see the people online on the workstation, and not able to figure out weather the person whom I have shared invite is on same workstation or not. (not able to see participants ).
not at all able to change project name now
visual popups are completely removed (Like : in assets when we select the copy button a popup will appear as copied) is there any other option available to enable it, kindly let me know.
as observed if participants are joined with there profile image , there profile image will automatically added in the assets section without users knowledge.
if we are not doing any thing on editor for more than 15mins , automatically will be removed from that workstation, and it cant be used another time.
the new editor is good and looks super clean then the last one but there are a few things that were way better and easy to use on the last editor one of them being the ability to change the name and description from the dropdown on top left… I’ve been using Glitch for more then 4 Years now, there’s been alot of changes in Glitch which always been great but something about this update just doesn’t feel right, i feel super lost in this… also i noticed there are alot of color related issues going on the panel as well…
I would really love to have a option where i can switch back to old editor
The new glitch editor uploads assets to cdn.glitch.global, which is blocked by school content keeper. It used to be uploaded to cdn.glitch.com, which is not blocked. Is there any way to fix this? I also agree with @hman124 and @DerDer56.
I like the new look of the editor, and while I think it could be refined (ie. editing project details in the editor itself, buttons are quite big) a bit I believe the change overall is good.
However, with that being said, the editor needs to be fixed on mobile. Right now, I can’t edit on my phone. I tried Chrome and Firefox and got the “We can’t start the editor” error on both. I even got this error on my computer until I tried in an incognito tab. Could the Glitch team work on fixing this bug? It has been around for a long time.
how does the inline error reporting work? I tried writing some code that would cause an error (server side), but I couldn’t get it to show anything.
could you turn on source maps please
the status panel uses to indicate an error, which is in fact not included in Glitch’s list of friendly emoji
what are “Glitch’s smart assets”?
for assets, the blog post says “now you can just reference them by a short name, instead of tracking down a full URL.” how do you? it seems about the same as before, where you upload it and the assets page gives you a URL
the “Magic files” section shows a screenshot of a markdown preview, although we’ve had that in the previous editor as well. .env has had a visual editor, and package.json has had a widget to install packages. any other magic files you can tell us about?
“We’ve made it simpler to import and export your code to GitHub” → I haven’t tried this one, but what was the change? anything more substantial than moving it to a different place in the menus?
come to think of it, maybe I’m reading this announcement wrong. some of these changes came before the big visual refresh, right?
Not sure if you’re already doing this and what the team actually looks like. But for an overhaul like this, and other things, you need a solid UX person to carry out testing of such products on actual users. Someone who really gets design from an interactive and psychological perspective. And that person probably isn’t a developer (though they might also be).
A little off topic but: the navigation and overall flow (sorry, I’m not a UX designer so I don’t know the jargon) is a bit aggravating throughout the whole editing / project creation experience. It’s not just the editor. I’m constantly thrown back to the dashboard. Often I just want to go back to the collection I’m in.
Former psychology and communication majors tend to be excellent at real UX. I have friends who do it (and they’re all happily employed). Don’t assume that a developer or graphic designer can handle that, it’s way different.
@anildash perhaps consider releasing this on product hunt as glitch 2.0? Product hunt releases and refinements always get lots of attention
never mind, seems like you just released Glitch 2022
Also - Glitch team
You didn’t finish the archive feature on the product page - it just copies to clipboard. View gif below
I would also recommend renaming share to ‘copy to clipboard’ if you are not going to use the share web API - Navigator.share() - Web APIs | MDN
Share is always a bit misleading. It’s like a ‘click here’ button. You never know what it’s gonna do nor how it’s gonna do it
–
one last thing - are you on your way to adding tabs to glitch? this UI
insinuates tabs are coming…
No horizontal scrollbar. it makes it more difficult to scroll to long lines of code.
The font isn’t what i’m used to and it makes it difficult to find code i actually want to edit
You probably should add a option to switch between old editor and new editor.
Generally I like the changes. For my teaching, the smaller sidebar truncating the filenames is confusing, I like getting the real estate in the editor but wish the sidebar could be resized to see the full names of what’s there. I know you can on hover, just adds a layer of confusion for my students.
I love the new editor and you guys did an amazing job designing it. While I was coding my Discord bot today, I saw a little issue. Sometimes, when you open a file, the options at the top like prettier and sometimes add package disappear.
In the image below is an example of no options at the top.
Hi Glitch,
Thanks for the new editor. I am having a problem with svg type asset files. After adding an svg asset to a project, when one clicks on the svg asset with the magnifying glass the first time it is possible to see the pop-up with the asset link and the delete button, but all subsequent clicks on the svg asset only flashes that page briefly before immediately popping to an image of the svg. Therefore I can neither copy the url, delete or rename the asset.
This problem does not occur with geojson assets. And I only noticed this problem with the new editor, but it may have been a situation before as well.
Please see if you can resolve this.
Thanks, Tim
This update is great, thanks Glitch. It’s a little difficult to get used to though; hence all the people complaining about small things in this thread lol
My only issue is that the bar above the editor containing the file name and auto-formatter could be thinner. Otherwise, good stuff.
Yea, this actually triggered me a bit, they did the same thing as repl.it where they made it look like you had tabs when you didn’t. Hopefully we actually do get tabs
one thing I’m missing is that we used to be able to let unregistered users edit. they’d click an “ask to join” button and you’d get a popup where you can grant access. the new way is all done through search, and there’s no way to search for guest accounts
it was really nice that I could send a link to someone and get help from them without asking them to sign up for a glitch account first
When changing the project name on the project page, it doesn’t tell you if a name is already in use. It will just redirect to whatever name you typed in. Could this feature be added? Also, back when you could change the name in the editor, it would change the url so you would still be editing the correct project, which was a lot better.
+1 on this. We use glitch for making quick edits, but also for external advice and interviews. Removal of approving guest accounts to edit is a blocker.
Playing with new setup and like a handful of comments above, renaming a project suddently became quite tricky with bugs… It was so nice before to click ‘new static-html page’, arrive with a project, then instantly rename it to the subdomain of choice in the upper left (while having insta-feedback if the name was available). Now one has to add 3 clicks, visiting 2 separate pages to change the name. Unfortuantely there’s no feedback to let us know if it’s taken… and when clicking Save it tries loading a url that lands on a 404 page… requiring one to go back to dashboard and click on the new changed name. It would be awesome to integrate the name-change right there when viewing the project. Perhaps it was causing weird overhead by changing the project name constantly on keyup – so maybe a ‘save’ icon could sit next to the name, which becomes activated once receiving a that the name is available?
I do not like this new theme, I wish that it could just have an option to go back to the old theme that I am used to rather than having to get used to a new editor.
Not sure if I’m the only one, but my sidebar is incredibly thin to the point where I barely can acces my code by moving the side ways scroll bar. I assume this is a bug and if not please tell me how to change it.
I’m sorry, but this is terrible. It looks ok, but feels half-baked. Hovering over items in the sidebar makes them get highlighted but clicking doesn’t do anything unless your mouse is over the text, there’s too much padding everywhere, and the settings menu is… not great. Having it in the sidebar doesn’t make sense, the footer or header would be a better place. Sometimes the settings dialog gets cut off the bottom of the screen and i have to zoom to like 80% to be able to click everything. Clicking “New Project” or “Switch Project” leaves you with no way to get back to settings other than clicking outside the dialog and reopening it.
Some more bugs / regressions that were now introduced:
the menu buttons are broken-ish, only the text area is clickable. Was trying to “get help” but took me a while.
“auto refresh” doesn’t actually refresh the separate window anymore. That wasn’t working great before (e.g. when you have multiple pages it always sent you back to the main page), but still it’s currently fully broken.
sidebar can’t be resized anymore
trying to rename a page now doesn’t give hints anymore if the name you want to use is already taken. If you type in a name that’s already taken, the page will simply change to that (existing) page. (try renaming a project to “three”).
adding on to this, the dark mode is super buggy with the text hover color being almost same as the background color
6.1. once dark mode is applied, when i go back to the homepage or my dashboard, some buttons are still having the dark theme colors.
I feel like glitch should add one of those things that complains about readability and accesibility to their test suite to prevent things like this from getting to production .
Thanks for all of the updates and support! Using chrome, my project doesn’t seem to auto refresh changes when I’m previewing in a new window. Feature does work in preview pane and the auto refresh box is selected in the dropdown settings. I prefer developing with a fullscreen preview and don’t want to constantly manually refresh…
yes… please bring back the old editor somehow, or make the new one optional until the bugs are taken care of. The new editor has so many issues that it’s completely unusable for teaching The old editor was much better.
Please revert this update or add an option to revert.
The grey theme is pretty distracting when writing code please add an option to change the theming of the editor. It’s very annoying having to inspect element and change the color themes manually.
Also when opening larger files it often crashes or when opening a specific project in general it crashes the browser completely making me have to restart the browser. The interface is harder to navigate and the bottom bar is very obnoxious.
Just expressing my feelings with this update. Sorry if it comes as harsh but this update is very hard to get used to for me.
I’m having this issue as well, with some buttons showing up black in other parts of the site, like the profile area, etc.
I’d love to see dark mode implemented throughout the Glitch site. I have my browser preferences set to dark mode and build all my sites with that in mind. I’m a night owl and definitely have some light sensitivity so dark mode is a huge benefit for me, not just a trendy thing!
For whatever reason when you create a folder that has the same letter in the same position, it will replace the first folder you created and replace it with a duplicate of the second folder you created. For example, you create a folder called js/ and css/, the js/ folder will completely disappear and there are two css/ folders.
When i got on glitch i was aboslutley disgusted by the ui and im about to just look for another coding program and move all my websites to there because i hate this so much whoever came up with the new layout deserves to get fired
Renaming and other actions are now unchangeable in editor UI, very inconvienent
DARK MODE IS CRAP
Things just look messier
Seriously, we need an old editor option. Mainly because the new editor is not as good as the old one in many people’s opinion.
Give us an option to revert back to the old UI. Also, make it so that we can change the name of the website in the same window. The edit button for the website title is gone.
Glitch won’t tell you if the name you want is already taken, which is quite annoying. If it redirects to something that isn’t your project, that name is taken. Archived and private projects with the same name will show “can’t find <name here>”. I hope there is an update coming that will allow users to see if the project’s name is taken before you click save and redirect and all that, but for now, you just have to hope the project name you are trying to set it to isn’t taken.
It’s better if you add the choice of changing between new or old UI, some people liked the new UI but most aren’t, so adding a button to switch is very good.
There used to be a way to join a project when you’re in its team, a dedicated button in the editor. Looks like that didn’t make it into this new UI. Will it be coming back in the future?
If you are working on mobile when on-the-go, the only way to see the text in the editor is to click on the bottom of the screen on the preview button then click the close preview pane, which is very annoying.
So, in the new editor, I opened the tools bar as usual,
I opened custom domains, then I clicked the little arrow to go back, it went back to the “legacy” toolbar.
This also works with the Import/Export, however, it does not open with Rewind.
It looked like this
I created 2 folders and boom, now I can’t work on my project because the folders are duplicated and it doesn’t allow me to do anything with both of them, not even change the name or delete. Please make this new editor an opt-in feature instead of forcing everyone to migrate into the new editor due to nature of new products, new products will tend to bug out, glitch out, and in worst case scenario break and prevent the user from being able to use the product entirely. Not a single big company would ever publish big changes for product unless it was tested very well by professionals and by the users that chose to opt-in. I hope this will be a lesson to the Glitch team and they won’t do this ever again and instead they will make this opt-in by either hosting it on a different URL like beta.glitch.com or by making an opt-in feature for each user.
The UI has somewhat improved but the dark theme doesn’t look finished at all.
Please finish a feature before releasing it or at least make it opt-in. I am sorry if I am being to harsh but releasing incomplete, and not properly tested product is not a way to go. I definitely like the idea of where the update is going but it’s current state is quite bad for the reasons I stated above. Also please give more control over the code editor as of right now we completely have none except the dark theme, a great way to start would be to add indention rules, font settings and custom themes. Overall this update looks very rushed.
Hi! I think I found a bug with the asset manager. The controls spill out of the modal as soon as the image renders and it can’t be scrolled. I’m using Chrome for Mac.
Chrome is up to date
Version 97.0.4692.71 (Official Build) (x86_64)
I can find the new rename option, but I don’t know why its so buried.
But it doesn’t actually work for me . i says its renaming but then when it tries to reload the new project it says it can’t find it.
My students are hitting the same issue.
Any update on a fix for the super skinny sidebar? I’ve tried toggling the theme (which did fix the colors), clearing cache and a hard reload, zooming in/out. I’m currently resorting to editing the width in developer tools…
Update for everyone having issues with renaming projects: Glitch has updated the page to alert users if the name is already taken or if there’s some other issue with it. It works a lot better now.
I normally enjoy and embrace updates, but this one just feels uncomfortable and I can’t quite put my finger on why… I don’t think I’m a big fan of the font change but I think I’ll actually get used to it and it won’t be a problem, but the new extra-boxy layout feels more antiquated than more modern.
I don’t like that closing the preview pane is a two-click job rather than the quick hide / show arrow it was before.
I think I like the new toolbar at the bottom, but I feel that the project settings button should also be down there.
And finally, I absolutely cannot in any way shape or form read this:
New editor looks great, just got 2 major complaints about it:
I am working on a project with white icons and the assets folder more or less makes them completely invisible (where in the past there was a checkerboard background for transparent assets)
The back/forward navigation kinda breaks in the new editor too, in the old editor I can use the back/forward buttons on my mouse to navigate between files; in the new editor the back button kicks me back to my list of dashboard and b/c of weird URL redirect stuff i can’t hit the forward button to go back to my project
Thanks Glitch for your hard work! I have a few suggestions—
Can you make it easier to rename a project? (It was so hard to find I though renaming was now disabled)
Keep settings on the same page as the project
For inline errors, it’s annoying when I’m using a library from a CDN and Glitch doesn’t recognize that the variable is already defined; this get’s me really annoyed
Can assets not be on Glitch’s domain? I wish it’d be hosted locally, like on myurl.glitch.me/my-asset.png. It’s really annoying sometimes, and often hard to use
Code completion would make me use your editor a LOT more
This is just a design thing, but it feels like when you use emojis in the editor, it makes it appear less professional. I understand the vibes of Glitch, but it’d be a lottttt better to use custom icons, perhaps with some of your scheme blended in (the glitchy style, colors, etc)
And that’s what I have. By the way, where can I include general suggestions?
For me, in dark mode AND in light mode, the sidebar is purple. In light mode, the text is grey, which is unreadable on a purple background. In night mode it’s white, which is readable!
The auto-refresh in the new tab does not work, the new editor is unnecessarily complicated, a revert back to the old editor would be great. The new features are awesome but the new UX is bad killed the whole ease of having an online editor which was easy to use.
The new color picker feature can definitely be useful in many cases. However, it currently seems to be quite bugged in seeing things that should not be colors as colors. For example, a # followed by random numbers or even letters (kind of understandable because it looks like a hex code, but perhaps it should not be seen as one when it is longer than 8 characters or includes letters after F).
Even a class constructor is a color for some reason?
I’m sorry that the sidebar is too skinny and you could not resize it when working in Chrome.
Our team is aware and working on a fix. I’ll post an update here once it is resolved.
In the meantime, some folks have been able to solve this by working in a different supported browser or by using an incognito window. (although we have had reports from others that incognito does not help - but it’s worth a shot if you haven’t tried that yet).
This new update sucks, it’s extremely buggy and I can’t believe it got shipped to production with all these bugs. Please let people have an option to pick the new or the old theme.
Hi there - there won’t be an option to go back to the “old theme” but if you tell us the bugs you’re encountering, we’re actively working through some and I can add them to the list if they are new to us!
Noticing a bug with the bar at the top that contains the “PRETTIER” button. I’ve noticed that if I scroll down to the bottom of file A and make a change and then flip to file B for a moment and then come back to file A this bar disappears completely. I then have to refresh a couple times to get it to come back.
This pesky Problem still occurs for me with the sidebar:
It seems to be taking up as little space as possible and shorting filenames when its not needed to.
Colors in dark mode are just ugly, big buttons above the file list are ugly too
Still no folder upload, juste make it beautiful as it is on replit
Features are good but what it needs the most is UX:
Replit, Codesandbox and Gitpod all have a prettier editor, some of them has better language support like svelte files
Hi @Shiba_Inu - if you’re still seeing this issue after clearing your cache for glitch.com, can you email [email protected] with what browser you’re using so we can investigate?
It’s still happening for me as well (macOS Chrome). I did “empty cache and hard reload” by opening the dev tools then right-clicking the refresh button.
@dreev If you open glitch.com/edit in an incognito window with no extensions on, does it look the same? And can you tell me the specific version of Mac OS and Chrome you’re using - I’m unable to replicate this on my own machine’s similar setup and I wonder if there’s an extension doing something…
Oh ho, you’re right, it works in an incognito window! I don’t have many Chrome extensions so that’s surprising. And in fact, I tried disabling every Chrome extension and that didn’t help, so I don’t know what’s going on. My full Chrome version is Version 97.0.4692.99 (Official Build) (x86_64) and I’m on macOS Big Sur Version 11.6.2.
Another bug I keep experiencing every now and then in Firefox (haven’t tested other browsers) is that using the “prettier” button to improve the formatting of a JSON file KEEPS the original single line of text but also adds the rest of the newly formatted bit underneath, breaking the file and requiring an undo
I’m going to admit the workflow kind of annoys me when I want to remix a project to make a quick joke for friends or other people. Please, bring back changing the project name without leaving the editor.
I trust in the Glitch team’s effort to improve tooling and have a question about the new interface.
I build educational resources on Glitch, so the change means I’ll need to rewrite and re-record directions to orient my users/learners. My question is if the layout for the new theme is going to be set in stone so that new directions and videos will have a 1:1 mapping? Should we expect the editor interface to continue to change/shift in the near future or can I rely on these icons/locations/label names set in stone?
I a little confused since I’m seeing the “Preview” button in two different places when accessing 2 projects through Incognito Mode in Chrome.
Then work in some other files… when I switch back to the tachyons file, the editor freezes. It seems to be stalling on the large file with a long, unformatted line.
When Firefox let me kill the running scripts, I got this trace in the DevTools:
I also have had some lag happen when I create a new file with a lot of data.
And when I say lag, I mean the kind that won’t let you do anything until Chrome tells you the site isn’t responding.
I totally empathize, we had to replace all of our images in the help center too to reflect the changes! We don’t have plans to change any of the existing UI, but it would be a far reach for me to say anything is “set in stone.”
Another thing that’s a problem, it’s kind of hard to see what file is currently open through background colors on the sidebar I had to squint to realize it’s a slightly different shade of white (might just be me at night).
That new inline color picker is popping up in my code where I don’t want it and trying to get rid of it is not easy. eg.
class SceneMain extends Phaser.Scene {
RIGHT HERE!!!colorPickerSQUAREconstructor() {
super(‘SceneMain’);
}
And also, could Glitch restore the option to change the name and in the editor, please? Oh, and the emojis for the project avatar are random, how can I upload one?
We just shipped the ability to rename projects in the editor! Thanks to everyone for asking us to bring it back - we think this time around it works a lot better than the previous way it worked.
Inline error reporting: Glitch has your back when things go awry—we’ll show you errors right on the line that causes them, so you can get things back on track without bouncing between your code and the console.
3D Asset support: Working with 3D assets? We’ve got you covered there, too, with full 3D previews right in our asset manager. We’re thrilled that Glitch is one of the most popular ways for creating the metaverse, and we want to make that easier than ever.
Improved Prettier formatting: We’ve made our support for Prettier cleaner and more automatic than ever. And as always, you can fully customize your Prettier config to match your particular preferences.
Better, faster assets overall: Assets in new projects are now cached by Fastly — automatically. We’ll provide a means of migrating existing projects to Fastly shortly. Uploading assets is zippier than ever!
.
to indicate an error, which is in fact not included in Glitch’s list of friendly emoji
.
The old editor was much better.
The code is working on first attempt!
