Oct 20, 2022

Introducing a redesigned Tinybird UI for better developer productivity

At its core, Tinybird is a platform for developer productivity. Today, we’re releasing an updated UI experience so you can explore Data Sources and create Pipes with fewer clicks.
Mariana Racasan
Product Marketing Lead

At its core, Tinybird is a platform for developer productivity. Starting today, we’re releasing an updated UI experience to help you:

  • Access and explore Data Sources more easily
  • Improve your focus as you build Pipes
  • Reduce the number of clicks to navigate the UI

Here’s a little more detail on the new release.

More space to view Data Sources

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.

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.

The Data Source view is now the full content width instead of popup modal.

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.

Build Pipes without context switching

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 SELECT * FROM datasource node.

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.

Now, if you click the Data Source label in your SQL, it will open a split view to improve context while creating Pipes.

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.

These are the new tabs in the Data Source menu:

  • Data (view your data coming in)
  • Schema (see the structure of your Data Source)
  • Graph (see the dependencies between your Data Sources and Pipes)
  • Log (observe what happened)
The new Data Source menu makes it simpler and easier to navigate your Data Sources.

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.

See the Data Source structure with the Schema tab

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 .datasource 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.

Easily copy values from a table

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.

The Copy button gives you a one-click copy on any cell in a Data Source or Pipe results table.

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.

Explore the new look

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.

Start exploring today at ui.tinybird.co, and let us know what you think.

Have feedback?

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 note in Slack or tweet at @tinybirdco to share yours.

Do you like this post?

Related posts

A new way to create intermediate Data Sources in Tinybird
Jun 15, 2023
More Data, More Apps: Improving data ingestion in Tinybird
Simplifying event sourcing with scheduled data snapshots in Tinybird
Why iterating real-time data pipelines is so hard
Why we just released a huge upgrade to our VS Code Extension
Designing and implementing a weather data API
To the limits of SQL... and beyond
Automating customer usage alerts with Tinybird and Make
Iterate your real-time data pipelines with Git
Using custom Kafka headers for advanced message processing

Build fast data products, faster.

Try Tinybird and bring your data sources together and enable engineers to build with data in minutes. No credit card required, free to get started.
Need more? Contact sales for Enterprise support.