# UI / UX **URL:** https://community.firebasestudio.dev/c/ui-ux/10.md [Latest](https://community.firebasestudio.dev/latest.md) · [Categories](https://community.firebasestudio.dev/categories.md) · [Tags](https://community.firebasestudio.dev/tags.md) --- ## [About the UI / UX category](https://community.firebasestudio.dev/t/about-the-ui-ux-category/20)
**Author:** [@kirupac](https://community.firebasestudio.dev/u/kirupac)\ **Replies:** 0\ **Last updated:** [May 3, 2024, 10:47pm UTC](https://community.firebasestudio.dev/t/about-the-ui-ux-category/20 "2024-05-03T22:47:17Z")
Discussions about the UI/UX of Firebase Studio, finding and using the features and feedback on how it can be improved! Also, the UIs that Firebase Studio is creating in your applications. --- ## [Hhf the day and I will get back you get the day of the day and](https://community.firebasestudio.dev/t/hhf-the-day-and-i-will-get-back-you-get-the-day-of-the-day-and/20754)
**Author:** [@Aviator\_Mughe](https://community.firebasestudio.dev/u/Aviator_Mughe)\ **Replies:** 0\ **Last updated:** [March 5, 2026, 5:55pm UTC](https://community.firebasestudio.dev/t/hhf-the-day-and-i-will-get-back-you-get-the-day-of-the-day-and/20754 "2026-03-05T17:55:57Z")
Ty for the next two days after the next two days after the --- ## [Animated and responsive login form](https://community.firebasestudio.dev/t/animated-and-responsive-login-form/20699)
**Author:** [@Lawvan19](https://community.firebasestudio.dev/u/Lawvan19)\ **Replies:** 3\ **Last updated:** [February 27, 2026, 2:16am UTC](https://community.firebasestudio.dev/t/animated-and-responsive-login-form/20699 "2026-02-27T02:16:15Z")
I have this project where am trying to change the login form to a modern animated and responsive login form but whenever I try to change it keeps on bouncing to old version no changes applied….can anyone help me? --- ## [Missaligned caldendar/date picker](https://community.firebasestudio.dev/t/missaligned-caldendar-date-picker/19915)
**Author:** [@Barry\_Bolton](https://community.firebasestudio.dev/u/Barry_Bolton)\ **Replies:** 3\ **Last updated:** [December 18, 2025, 3:51pm UTC](https://community.firebasestudio.dev/t/missaligned-caldendar-date-picker/19915 "2025-12-18T15:51:54Z")
Greetings everyone. I started a small project this morning and noticed that the date picker has missaligned day haders. I have been trying to trouble shoot this the whole day without much success. I made several smaller… --- ## [Why images are not visible in chat after uploading](https://community.firebasestudio.dev/t/why-images-are-not-visible-in-chat-after-uploading/19252)
**Author:** [@Arsalan\_Ahmed](https://community.firebasestudio.dev/u/Arsalan_Ahmed)\ **Replies:** 1\ **Last updated:** [October 11, 2025, 10:27pm UTC](https://community.firebasestudio.dev/t/why-images-are-not-visible-in-chat-after-uploading/19252 "2025-10-11T22:27:15Z")
I uploaded an image in chat in Firebase Studio, but it failed to read and show --- ## [AI prototyper in firebase studio is a waste of time](https://community.firebasestudio.dev/t/ai-prototyper-in-firebase-studio-is-a-waste-of-time/18892)
**Author:** [@Rodrigo\_Hollmann](https://community.firebasestudio.dev/u/Rodrigo_Hollmann)\ **Replies:** 14\ **Last updated:** [October 5, 2025, 2:32am UTC](https://community.firebasestudio.dev/t/ai-prototyper-in-firebase-studio-is-a-waste-of-time/18892 "2025-10-05T02:32:35Z")
No matter how many times you are about to go on production, every single time AI breaks the project doing unrelated changes. You ask to change a color and modifies/trashes a dataset. Do yourself a favor: do not use it. --- ## [Review after using it for last 2 months](https://community.firebasestudio.dev/t/review-after-using-it-for-last-2-months/18723)
**Author:** [@Nafis](https://community.firebasestudio.dev/u/Nafis)\ **Replies:** 0\ **Last updated:** [September 1, 2025, 6:29pm UTC](https://community.firebasestudio.dev/t/review-after-using-it-for-last-2-months/18723 "2025-09-01T18:29:35Z")
it is a very good tool for people who have idea but no coding knowledge , it is very easy to use and user friendly, it understands the backend logic very easily and do it perfectly , the only flaw it have it in UI , some… --- ## [Theme switching implementation](https://community.firebasestudio.dev/t/theme-switching-implementation/18577)
**Author:** [@PPars](https://community.firebasestudio.dev/u/PPars)\ **Replies:** 1\ **Last updated:** [August 25, 2025, 7:28pm UTC](https://community.firebasestudio.dev/t/theme-switching-implementation/18577 "2025-08-25T19:28:08Z")
I had some trouble getting gemini to implement themes for my application so I thought I would share this with others to save them some problems. First ask gemini to implement a Light/Dark theme switcher. After that is co… --- ## [Avoid repeated confirmations](https://community.firebasestudio.dev/t/avoid-repeated-confirmations/15598)
**Author:** [@chiucs123](https://community.firebasestudio.dev/u/chiucs123)\ **Replies:** 2\ **Last updated:** [June 28, 2025, 5:43am UTC](https://community.firebasestudio.dev/t/avoid-repeated-confirmations/15598 "2025-06-28T05:43:00Z")
Hi, Any way we can auto confirm on this type of things or have a list so we can confirm Gemini changes in one go? --- ## [Slow and Cumbersome Development Environment](https://community.firebasestudio.dev/t/slow-and-cumbersome-development-environment/15245)
**Author:** [@DoctorDev2023](https://community.firebasestudio.dev/u/DoctorDev2023)\ **Replies:** 0\ **Last updated:** [June 16, 2025, 8:58pm UTC](https://community.firebasestudio.dev/t/slow-and-cumbersome-development-environment/15245 "2025-06-16T20:58:30Z")
It is very frustrating switching between the prototyper and code view of the project. It has to re-load the windows every time for the code view. This wastes at least 30-60s every time I make the switch, which adds up o… --- ## [Annotate rendering is impact over preview frame](https://community.firebasestudio.dev/t/annotate-rendering-is-impact-over-preview-frame/15086)
**Author:** [@alfontrok](https://community.firebasestudio.dev/u/alfontrok)\ **Replies:** 0\ **Last updated:** [June 13, 2025, 1:50pm UTC](https://community.firebasestudio.dev/t/annotate-rendering-is-impact-over-preview-frame/15086 "2025-06-13T13:50:46Z")
Since yesterday, when I click the Annotation button, I am getting all the preview frames pulled over. I’ve reproduced it in multiple projects. --- ## [Please rename "reset" button (maybe to "restart")](https://community.firebasestudio.dev/t/please-rename-reset-button-maybe-to-restart/14086)
**Author:** [@Alex\_Okrushko](https://community.firebasestudio.dev/u/Alex_Okrushko)\ **Replies:** 2\ **Last updated:** [May 29, 2025, 5:54pm UTC](https://community.firebasestudio.dev/t/please-rename-reset-button-maybe-to-restart/14086 "2025-05-29T17:54:01Z")
from this issue, the “reset” helped restart the workspace, but it’s a scary button to click for the first time. I assumed that “Reset” will delete all my files and would keep the original template only. Maybe “restart”… --- ## [Pasting from clipboard loads for too long](https://community.firebasestudio.dev/t/pasting-from-clipboard-loads-for-too-long/9144)
**Author:** [@kaiotellure](https://community.firebasestudio.dev/u/kaiotellure)\ **Replies:** 4\ **Last updated:** [February 12, 2025, 6:18pm UTC](https://community.firebasestudio.dev/t/pasting-from-clipboard-loads-for-too-long/9144 "2025-02-12T18:18:23Z")
Hey, Community! I’ve noticed that when I paste some text, seems like IDX waits for language features to fully complete before actually writing to the buffer, this loading spans from 1s up to 5s depending on how much tex… --- ## [Can someone explain why the Firebase Studio messes up CSS](https://community.firebasestudio.dev/t/can-someone-explain-why-the-firebase-studio-messes-up-css/13792)
**Author:** [@SpaceWizard](https://community.firebasestudio.dev/u/SpaceWizard)\ **Replies:** 1\ **Last updated:** [May 26, 2025, 7:31am UTC](https://community.firebasestudio.dev/t/can-someone-explain-why-the-firebase-studio-messes-up-css/13792 "2025-05-26T07:31:23Z")
I created a custom date field using Datetime Picker - shadcnui expansions because the default date picker is really limited in shading. The calendar works and loads properly in local host but when viewing it in the Fireb… --- ## [Bug: Deleting a Cloud Run deployment from console.cloud.google.com breaks Firebase Studio integration](https://community.firebasestudio.dev/t/bug-deleting-a-cloud-run-deployment-from-console-cloud-google-com-breaks-firebase-studio-integration/12138)
**Author:** [@Darren\_Kennedy](https://community.firebasestudio.dev/u/Darren_Kennedy)\ **Replies:** 1\ **Last updated:** [May 23, 2025, 11:48pm UTC](https://community.firebasestudio.dev/t/bug-deleting-a-cloud-run-deployment-from-console-cloud-google-com-breaks-firebase-studio-integration/12138 "2025-05-23T23:48:27Z")
Using the Firebase Studio extension deploy a Cloud Run service. Go to your Cloud Run services list in GCP console (console.cloud.google.com) and delete the Cloud Run service. Result: The Firebase Studio extension can n… --- ## [Open terminal with dev server when switching to dev mode](https://community.firebasestudio.dev/t/open-terminal-with-dev-server-when-switching-to-dev-mode/13078)
**Author:** [@mechaD](https://community.firebasestudio.dev/u/mechaD)\ **Replies:** 1\ **Last updated:** [May 23, 2025, 12:02pm UTC](https://community.firebasestudio.dev/t/open-terminal-with-dev-server-when-switching-to-dev-mode/13078 "2025-05-23T12:02:56Z")
I’m working on a Next.js app. When I switch from the agentic prototyper mode to the dev mode, there is a dev server already running but I can’t see the terminal output of this server and I’m also not able to stop it eas… --- ## [Font size change for subtitles](https://community.firebasestudio.dev/t/font-size-change-for-subtitles/12276)
**Author:** [@Ovidiu\_Meruta](https://community.firebasestudio.dev/u/Ovidiu_Meruta)\ **Replies:** 0\ **Last updated:** [May 14, 2025, 8:32pm UTC](https://community.firebasestudio.dev/t/font-size-change-for-subtitles/12276 "2025-05-14T20:32:52Z")
Hello! I have a problem changing the subtitles size for my project. After feeding a lot of prompts including code, simple text prompts, it seems that the size of the subtitles won’t modify. It seems like Gemini is actua… --- ## [Importing Dart/Flutter repositories](https://community.firebasestudio.dev/t/importing-dart-flutter-repositories/11636)
**Author:** [@Daco\_Harkes](https://community.firebasestudio.dev/u/Daco_Harkes)\ **Replies:** 0\ **Last updated:** [May 5, 2025, 12:17pm UTC](https://community.firebasestudio.dev/t/importing-dart-flutter-repositories/11636 "2025-05-05T12:17:35Z")
When importing a repo from GitHub, there’s a checkbox for “This is a Flutter app”. This checkbox pre-installs Dart and Flutter. However, when working on a mono-repo with Dart packages “This is a Flutter app” doesn’t real… --- ## [Firebase Studio UI Not Properly Rendering The Preview Window Simulator](https://community.firebasestudio.dev/t/firebase-studio-ui-not-properly-rendering-the-preview-window-simulator/11557)
**Author:** [@conradwt](https://community.firebasestudio.dev/u/conradwt)\ **Replies:** 0\ **Last updated:** [May 3, 2025, 11:34pm UTC](https://community.firebasestudio.dev/t/firebase-studio-ui-not-properly-rendering-the-preview-window-simulator/11557 "2025-05-03T23:34:14Z")
I have been working through the following code lab: After rebuild on the workspace, the preview window simulator is properly rendered for the application: Next, I’m using the latest version of Chrome, 136.0.7103.4… --- ## [Gemini window dead in Firebase Studio](https://community.firebasestudio.dev/t/gemini-window-dead-in-firebase-studio/11092)
**Author:** [@Chris\_L](https://community.firebasestudio.dev/u/Chris_L)\ **Replies:** 6\ **Last updated:** [April 29, 2025, 7:49pm UTC](https://community.firebasestudio.dev/t/gemini-window-dead-in-firebase-studio/11092 "2025-04-29T19:49:18Z")
The Gemini editor is suddenly not accessible in my Chrome browser. The window is dead. Tried deleting cache, updating chrome. Nothing helps, this is crazy. --- ## [Scrolling up on the FS chat history](https://community.firebasestudio.dev/t/scrolling-up-on-the-fs-chat-history/10157)
**Author:** [@I\_F](https://community.firebasestudio.dev/u/I_F)\ **Replies:** 2\ **Last updated:** [April 27, 2025, 12:14pm UTC](https://community.firebasestudio.dev/t/scrolling-up-on-the-fs-chat-history/10157 "2025-04-27T12:14:54Z")
Hi team, any chance that we can scroll up the chat history while gemini’s doing their tasks on Firebase Studio? as it just goes to the latest line.. --- ## [Figma interface file import possible?](https://community.firebasestudio.dev/t/figma-interface-file-import-possible/11044)
**Author:** [@rudolf\_fischer](https://community.firebasestudio.dev/u/rudolf_fischer)\ **Replies:** 1\ **Last updated:** [April 24, 2025, 5:31pm UTC](https://community.firebasestudio.dev/t/figma-interface-file-import-possible/11044 "2025-04-24T17:31:33Z")
Is it possible to import an Figma interface concept file or an image for it? --- ## [Css updates not happening](https://community.firebasestudio.dev/t/css-updates-not-happening/10812)
**Author:** [@rekha\_kumar](https://community.firebasestudio.dev/u/rekha_kumar)\ **Replies:** 4\ **Last updated:** [April 20, 2025, 7:19pm UTC](https://community.firebasestudio.dev/t/css-updates-not-happening/10812 "2025-04-20T19:19:34Z")
gemini says: I’m afraid I don’t have the ability to determine why I’m unable to update the CSS file at this time. It seems to be an internal problem that I cannot diagnose or resolve on my end. My apologies for the incon… --- ## [IDX Firebase Studio auth fails/timeout in front end for firebase auth](https://community.firebasestudio.dev/t/idx-firebase-studio-auth-fails-timeout-in-front-end-for-firebase-auth/10613)
**Author:** [@wandering\_elephants](https://community.firebasestudio.dev/u/wandering_elephants)\ **Replies:** 2\ **Last updated:** [April 17, 2025, 5:32am UTC](https://community.firebasestudio.dev/t/idx-firebase-studio-auth-fails-timeout-in-front-end-for-firebase-auth/10613 "2025-04-17T05:32:40Z")
I am using Firebase Studio for full stack dev - node.js / express and Vue3.js front-end with Firebase auth Firebase auth fails in front end Vue.js. component that uses Sign-In with google. Network tab getProjectConfig… --- ## [Is there a way to hide all those top bars?](https://community.firebasestudio.dev/t/is-there-a-way-to-hide-all-those-top-bars/10194)
**Author:** [@Mykhailo\_Solomianiuk](https://community.firebasestudio.dev/u/Mykhailo_Solomianiuk)\ **Replies:** 3\ **Last updated:** [April 10, 2025, 8:25pm UTC](https://community.firebasestudio.dev/t/is-there-a-way-to-hide-all-those-top-bars/10194 "2025-04-10T20:25:09Z")
Could anyone suggest how I could remove all those thick title/top bars? Or at least 2 of them --- ## [Request for a dedicated emulator/simulator toggle button in Firebase Studio](https://community.firebasestudio.dev/t/request-for-a-dedicated-emulator-simulator-toggle-button-in-firebase-studio/10178)
**Author:** [@Amit](https://community.firebasestudio.dev/u/Amit)\ **Replies:** 0\ **Last updated:** [April 10, 2025, 6:49am UTC](https://community.firebasestudio.dev/t/request-for-a-dedicated-emulator-simulator-toggle-button-in-firebase-studio/10178 "2025-04-10T06:49:25Z")
Could we add a specific button to easily view or toggle the emulator/simulator? Currently, the only way to access it is through the command palette, which is inconvenient and disrupts workflow. --- ## [Project Idx Workspace not full screen in Android PWA when Typing](https://community.firebasestudio.dev/t/project-idx-workspace-not-full-screen-in-android-pwa-when-typing/10014)
**Author:** [@djpaul-dev](https://community.firebasestudio.dev/u/djpaul-dev)\ **Replies:** 1\ **Last updated:** [April 1, 2025, 2:12am UTC](https://community.firebasestudio.dev/t/project-idx-workspace-not-full-screen-in-android-pwa-when-typing/10014 "2025-04-01T02:12:54Z")
I didn’t like that the browser toolbar took up so much space from my web editor. I wanted to maximize screen space. So, I installed project idx as a PWA (progressive web app). Everything is full screen when I open the PW… --- ## [iPad Safari workspace render issue](https://community.firebasestudio.dev/t/ipad-safari-workspace-render-issue/9486)
**Author:** [@Sweet\_Reese](https://community.firebasestudio.dev/u/Sweet_Reese)\ **Replies:** 2\ **Last updated:** [February 22, 2025, 10:59am UTC](https://community.firebasestudio.dev/t/ipad-safari-workspace-render-issue/9486 "2025-02-22T10:59:24Z")
Hello, IDX team :wave: reporting an odd render issue for iPadOS 18.3.1 / Safari that appeared tonight. Most of the UI missing, I can only see the file tree, tab bar, and (partial) editor area. Was fine as of last night. … --- ## [Idx UI just changed for me in last few hours (all side icons disappeared)](https://community.firebasestudio.dev/t/idx-ui-just-changed-for-me-in-last-few-hours-all-side-icons-disappeared/9487)
**Author:** [@Vandana\_Bachani](https://community.firebasestudio.dev/u/Vandana_Bachani)\ **Replies:** 0\ **Last updated:** [February 21, 2025, 6:37am UTC](https://community.firebasestudio.dev/t/idx-ui-just-changed-for-me-in-last-few-hours-all-side-icons-disappeared/9487 "2025-02-21T06:37:19Z")
idx was working perfectly for me until this afternoon. Suddenly the side icons are gone (Explorer, Source Control, etc.). Similarly there is a dark background cover over the bottom half of the screen. Any idea what chang… --- ## [Project IDX Panel not appearing on Vs code](https://community.firebasestudio.dev/t/project-idx-panel-not-appearing-on-vs-code/7668)
**Author:** [@spectralo](https://community.firebasestudio.dev/u/spectralo)\ **Replies:** 3\ **Last updated:** [January 31, 2025, 4:14am UTC](https://community.firebasestudio.dev/t/project-idx-panel-not-appearing-on-vs-code/7668 "2025-01-31T04:14:23Z")
Hey! I was working on a web dev project today and searched how to open ports. I then saw I was supposed to use the project idx panel on vscode for that. But … it’s blank. Is that normal ? It’s the same on all of my wo… [Next page](https://community.firebasestudio.dev/c/ui-ux/10.md?page=1)