The Side Bar is one of the most frequently used areas of the Cursor AI interface. It works together with the Activity Bar to display different development tools and project information. Whenever you select an icon from the Activity Bar, the corresponding content is displayed inside the Side Bar.
Whether you're managing project files, searching for code, reviewing Git changes, installing extensions, or using AI-powered features, you'll spend a significant amount of time working with the Side Bar.
Understanding how the Side Bar works will help you navigate projects more efficiently, reduce unnecessary clicks, and improve your overall development workflow.
What is the Side Bar?
The Side Bar is the vertical panel that appears next to the Activity Bar.
Its purpose is to display the contents of the currently selected activity.
For example:
- Explorer displays project files.
- Search displays search results.
- Source Control displays Git changes.
- Extensions displays available extensions.
- AI Chat displays conversations with the AI assistant.
The Side Bar changes automatically depending on the tool you select.
Why is the Side Bar Important?
The Side Bar acts as the main navigation panel inside Cursor AI.
It allows you to:
- Browse project files.
- Search entire projects.
- Manage Git repositories.
- Install extensions.
- Access AI tools.
- View project information.
Without the Side Bar, navigating large software projects would become much more difficult.
Relationship Between the Activity Bar and Side Bar
The Activity Bar and Side Bar work together.
The Activity Bar contains the icons.
The Side Bar displays the selected tool.
For example:
When you click Explorer, the Side Bar displays your project folders.
When you click Search, the Side Bar displays search options and results.
When you click Extensions, the Side Bar displays available extensions.
Understanding this relationship makes the interface much easier to navigate.
Explorer in the Side Bar
The Explorer is the most commonly used view inside the Side Bar.
It allows you to:
- Browse folders.
- Open files.
- Create files.
- Create folders.
- Rename resources.
- Delete resources.
- Organize projects.
Most development work begins here.
Search in the Side Bar
The Search view allows you to locate text across your entire project.
You can search for:
- Variables
- Functions
- Classes
- Components
- Configuration values
- Comments
- File names
Instead of opening files manually, Search helps you locate information within seconds.
Source Control in the Side Bar
If your project uses Git, the Source Control view displays version control information.
You can:
- View modified files.
- Stage changes.
- Create commits.
- Review changes.
- Synchronize repositories.
This allows developers to manage version control without leaving Cursor AI.
Extensions in the Side Bar
The Extensions view allows you to customize Cursor AI.
Here you can:
- Search for extensions.
- Install extensions.
- Update extensions.
- Disable extensions.
- Remove extensions.
Extensions add support for programming languages, frameworks, themes, productivity tools, and many additional features.
AI Chat in the Side Bar
One of Cursor AI's unique capabilities is its built-in AI assistant.
The AI Chat view allows you to:
- Ask programming questions.
- Generate code.
- Explain code.
- Debug applications.
- Refactor projects.
- Learn programming concepts.
Because AI Chat is integrated directly into the Side Bar, you can receive assistance without leaving your project.
Resizing the Side Bar
The Side Bar can be resized according to your preference.
You can:
- Increase its width.
- Decrease its width.
- Collapse it completely.
A wider Side Bar is useful when working with long file names or complex project structures.
A narrower Side Bar provides more space for the Editor Area.
Showing and Hiding the Side Bar
Sometimes developers need additional screen space.
Cursor AI allows you to:
- Show the Side Bar.
- Hide the Side Bar.
- Toggle its visibility whenever needed.
Hiding the Side Bar provides a larger coding area, especially when working on smaller screens.
You can display it again whenever you need to access project tools.
Working with Large Projects
Large software projects often contain hundreds or thousands of files.
The Side Bar helps you navigate these projects efficiently by:
- Organizing folders.
- Providing project search.
- Displaying Git information.
- Managing extensions.
- Keeping development tools in one place.
Without the Side Bar, finding project resources would become much slower.
Customizing the Side Bar
Cursor AI allows you to customize the Side Bar according to your workflow.
Depending on your installed extensions and editor version, you may be able to:
- Change visible views.
- Add extension panels.
- Hide unused sections.
- Reorder certain views.
- Collapse individual panels.
Customizing the Side Bar helps create a cleaner and more productive workspace.
Using the Side Bar Efficiently
Professional developers frequently switch between different Side Bar views.
A typical workflow might look like this:
- Open a file using Explorer.
- Search for a function.
- Review Git changes.
- Ask AI to explain the code.
- Install a required extension.
Since all of these tools are located inside the Side Bar, switching between tasks becomes quick and seamless.
Benefits of the Side Bar
Using the Side Bar effectively provides several advantages:
- Faster navigation.
- Better project organization.
- Easier file management.
- Improved Git workflow.
- Quick access to AI assistance.
- Better extension management.
- Increased productivity.
It centralizes many of the tools developers use every day.
Best Practices
To get the most from the Side Bar:
- Keep the Explorer organized.
- Use Search instead of manually browsing files.
- Review Git changes regularly.
- Remove unused extensions.
- Keep AI Chat available while coding.
- Resize the Side Bar to suit your screen size.
- Hide it temporarily when you need more editing space.
These habits help maintain a clean and efficient development environment.
Common Mistakes
Many beginners don't use the Side Bar effectively.
Common mistakes include:
- Searching for files manually instead of using Search.
- Ignoring Source Control.
- Installing unnecessary extensions.
- Keeping the Explorer cluttered.
- Never using AI Chat.
- Leaving unused panels open.
Learning to use the Side Bar efficiently saves time and improves workflow.
Real-World Example
Imagine you're developing an online shopping application.
While implementing the product management module, you might use the Side Bar to:
- Open the Product Controller using Explorer.
- Search for the ProductService class.
- Review pending Git changes.
- Ask AI Chat to optimize a database query.
- Install a package that supports code formatting.
All of these tasks can be completed without leaving the Cursor AI interface.