We have added a new efficient way to inspect and modify any element's CSS classes and styles without having to leave Sizzy or dig through DevTools.

<Image id="ckz52u48o1653372iwliqcjbtud" />

This is super handy when working with Tailwind CSS or any similar CSS library. You can toggle, remove, edit and add CSS classes with autocomplete. All changes are live on the page and you can copy the final list of classes when you are done tweaking.

Find the new **Styles** tab in the debugging panel, and learn more about it [here](https://docs.sizzy.co/styles-panel).  

Styles Inspector

Sizzy has a built-in console for debugging. The look is totally customizable and you can filter our certain annoying logs forever.

Sizzy Console

A browser within Sizzy that automatically changes tabs and bookmarks based on the project that you're working on.

Reference Browser

Easily organize all the projects on your disk. Activate them in Sizzy, or open them in finder, explorer, or your code editor of choice.

Projects

You can undock certain windows in Sizzy if you want to move them to a separate monitor.

Undocking Windows

With the URL Editor Popup, you can visually edit the parts of your URL: origin, paths, query params, etc.

URL Editor Popup

Easily switch between user sessions without logging in and out manually all the time.

Session Manager

CSS overrides

The tabbed panel docked on the right side in Sizzy. It contains a bunch of useful tabs with tools that will help you with debugging your website.

Debugging Panel

Simulate a different locale for each device to test and debug different languages in your app

Simulate Languages

The entire UI of Sizzy is super customizable so you can make it 100% yours.

Customize everything

The Sizzy DevTools allow you to inspect multiple devices at once.

DevTools

A live preview of how your website will look when shared on different websites or apps (Facebook, Twitter, Google, Slack, etc.)

Social Media Preview

A software keyboard will automatically pop up whenever you are focused on an input field

Software Keyboard

Sizzy has a variety of plugins that will speed up your development workflow

Plugins

Similar to the Spotlight feature on macOS, Butler allows you to search everything in Sizzy and easily perform certain actions without touching a mouse. 

Butler

The new API Inspector will help you quickly monitor, test, and troubleshoot your APIs, saving time and effort. Test your REST, GraphQL, or form requests and view well-formatted responses. You can even save requests as part of your project. 

We've made it really simple to use with the right options you need.

<Image id="cl48br84j6673502hqgcj5qmkre" />

Find it in the Debugging Panel to start using it.

Easily inspect and play with APIs in Sizzy. Supports REST and GraphQL.

API inspector

Easily store the code snippets that you often use and stop opening your previous projects to copy and paste code.

<Image id="cl5rtq2nj208662mpkqizj3xym" />

You can find it in the Snippets tab in the left Sidebar.

You can add [Project](https://docs.sizzy.co/L-EL-projects) specific snippets which will automatically switch when you switch projects, or you can have some global snippets.

<Video id="cl5rs4djv135452mpkbii5w1em" />

You can search and copy the code snippets by title or their content with $butler$.

<Image id="cl5qtsuo842642mwaquqkznwt" />



Easily store the code snippets that you often use and stop opening your previous projects to copy and paste code.

Glink