---
title: "Introducing a redesigned Tinybird UI for better developer productivity"
excerpt: "The redesigned Tinybird UI focuses on developer productivity. Less clicking, faster workflows, better debugging. See what changed."
authors: "Mariana Racasan"
categories: "Product updates"
createdOn: "2023-09-25 00:00:00"
publishedOn: "2022-10-20 00:00:00"
updatedOn: "2025-04-24 00:00:00"
status: "published"
---

<p>At its core, Tinybird is a platform for developer productivity. Starting today, we’re releasing an updated UI experience to help you:</p><ul><li>Access and explore Data Sources more easily</li><li>Improve your focus as you build Pipes</li><li>Reduce the number of clicks to navigate the UI</li></ul><p>Here’s a little more detail on the new release.</p><h2 id="more-space-to-view-data-sources">More space to view Data Sources</h2><p>Until now, the only way you could view a Data Source in the Tinybird UI was with a small pop-up modal. We felt like this restricted your view of the Data Source. The new look gives you a cleaner and more functional interface that highlights your data with less distraction.</p><p>We’ve removed the modal and now give you the full content width to examine your Data Source, making this experience consistent with how you interact with the rest of the Tinybird UI.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://tinybird-blog.ghost.io/content/images/2023/09/63519d768f19b083b0350eb5_ds_fullscreen-8.gif" class="kg-image" alt="A gif of the new Data Source UI in Tinybird" loading="lazy" width="800" height="450" srcset="https://tinybird-blog.ghost.io/content/images/size/w600/2023/09/63519d768f19b083b0350eb5_ds_fullscreen-8.gif 600w, https://tinybird-blog.ghost.io/content/images/2023/09/63519d768f19b083b0350eb5_ds_fullscreen-8.gif 800w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">The Data Source view is now the full content width instead of popup modal.</span></figcaption></figure><p>This declutters the workspace and gives you more room to explore the Data Source, with a better view of the ingestion chart to help you validate ingestion and spot problems more quickly. <br></p><h2 id="build-pipes-without-context-switching">Build Pipes without context switching</h2><p>Prior to this release, you couldn’t easily view a Data Source while creating a Pipe unless you navigated back to the Data Source modal or created a <code>SELECT * FROM datasource</code> node.</p><p>We’ve introduced a new split-screen functionality that lets you review the schema of a Data Source while you're working on a Pipe that queries it. Simply click on the Data Source label in the Pipe SQL, and you’ll have access to the Data Source, its schema, and more without leaving the Pipe editor.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://tinybird-blog.ghost.io/content/images/2023/09/63519e2ed879131efd261a56_split_view.mov-8.gif" class="kg-image" alt="A gif showing the split view when creating Pipes in Tinybird" loading="lazy" width="800" height="450" srcset="https://tinybird-blog.ghost.io/content/images/size/w600/2023/09/63519e2ed879131efd261a56_split_view.mov-8.gif 600w, https://tinybird-blog.ghost.io/content/images/2023/09/63519e2ed879131efd261a56_split_view.mov-8.gif 800w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Now, if you click the Data Source label in your SQL, it will open a split view to improve context while creating Pipes.</span></figcaption></figure><h2 id="navigate-data-sources-more-easily">Navigate Data Sources more easily</h2><p>We have also reorganized the Data Source menu - the list of items underneath the ingestion chart - by simplifying and renaming the tabs. We believe this change makes them easier for you to scan and navigate Data Source settings.</p><p>These are the new tabs in the Data Source menu:</p><ul><li>Data (view your data coming in)<br></li><li>Schema (see the structure of your Data Source)</li><li>Graph (see the dependencies between your Data Sources and Pipes)</li><li>Log (observe what happened)</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://tinybird-blog.ghost.io/content/images/2023/09/63519ec9d5e5e67e640b00ac_Screen-Shot-2022-10-20-at-2.16.59-PM-11.png" class="kg-image" alt="The Tinybird Data Sources menu" loading="lazy" width="1084" height="352" srcset="https://tinybird-blog.ghost.io/content/images/size/w600/2023/09/63519ec9d5e5e67e640b00ac_Screen-Shot-2022-10-20-at-2.16.59-PM-11.png 600w, https://tinybird-blog.ghost.io/content/images/size/w1000/2023/09/63519ec9d5e5e67e640b00ac_Screen-Shot-2022-10-20-at-2.16.59-PM-11.png 1000w, https://tinybird-blog.ghost.io/content/images/2023/09/63519ec9d5e5e67e640b00ac_Screen-Shot-2022-10-20-at-2.16.59-PM-11.png 1084w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">The new Data Source menu makes it simpler and easier to navigate your Data Sources.</span></figcaption></figure><p>Maybe you hadn’t given much thought to the Data Source menu, but given how often Tinybird users interact with it, we decided that these small improvements would carry big benefits.</p><h2 id="see-the-data-source-structure-with-the-schema-tab">See the Data Source structure with the Schema tab</h2><p>As a part of the Data Source menu upgrade, we’ve added a dedicated schema tab, where you can see the Data Source schema just as it is reflected in the <code>.datasource</code> files that you use in the CLI. From this tab, you can download the schema to view or edit in the CLI, and you can also update the Data Source TTL.</p><h2 id="easily-copy-values-from-a-table">Easily copy values from a table</h2><p>We’ve added a copy button that appears when you hover over any cell in a Data Source or Pipe results table. This makes it much easier for you to copy and paste values from a data table without having to hover, click, and drag the cursor precisely.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://tinybird-blog.ghost.io/content/images/2023/09/63519f404d7b9ed3f8989331_copy.mov-8.gif" class="kg-image" alt="A gif showing the new copy button in the Tinybird UI" loading="lazy" width="800" height="450" srcset="https://tinybird-blog.ghost.io/content/images/size/w600/2023/09/63519f404d7b9ed3f8989331_copy.mov-8.gif 600w, https://tinybird-blog.ghost.io/content/images/2023/09/63519f404d7b9ed3f8989331_copy.mov-8.gif 800w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">The Copy button gives you a one-click copy on any cell in a Data Source or Pipe results table.</span></figcaption></figure><p>This can be especially useful if you want to test a certain filter in a Pipe or add a default value to a query parameter. Just click and paste.</p><h2 id="explore-the-new-look">Explore the new look</h2><figure class="kg-card kg-embed-card"><iframe allowfullscreen="true" frameborder="0" scrolling="no" src="https://www.youtube.com/embed/feR25TM0VkM" title=""></iframe></figure><p>As of today, these new UI features are enabled for all Tinybird users. We hope these new features will make your work simpler, more delightful, and more productive.</p><p>Start exploring today at <a href="https://app.tinybird.co" rel="noreferrer">app.tinybird.co</a>, and let us know what you think.</p><h2 id="have-feedback">Have feedback?</h2><p>Do you have ideas for how we can improve Tinybird? Most new features like these start as ideas (or complaints 😉) offered by Tinybird users. Drop us <a href="https://www.tinybird.co/join-our-slack-community">a note in Slack</a> or tweet at <a href="https://twitter.com/tinybirdco">@tinybirdco</a> to share yours.</p>
