Overview

The Brutalism theme is a component library designed specifically for Adobe programs. It allows developers to create panels for applications like After Effects, Illustrator, Photoshop, and more, without needing to spend months on development. The components are designed to simplify projects and keep code clean, with the ability to create entire panels with just a few lines of HTML. The theme also takes care of host app themes, scrollbars, UI changes, and colors, making it easy to blend in with the host application’s design. Overall, Brutalism aims to provide a quick and flexible toolset for creating panels in Adobe programs.

Features

• Blazing fast developer workflow with bombino
• Clean Battleaxe design built with Adobe in mind
• Components designed to simplify projects and keep logic clean
• Host app themes, scrollbars, UI changes, and colors
• Script loading is simple and dynamic
• Context and flyout menus handled via props
• Typescript support for scripting
• Hurdles and quirks of working with Adobe taken care of

Installation

To install the Brutalism theme manually, follow these steps:

1. If using bombino, follow the instructions provided by the library.
2. Within ./src/main.js, add the following code to use the theme anywhere in the project without needing to import per component file:

// Add code snippet here

3. If you only want to use the utilities, add the following code within App.vue or a specific .vue file:

// Add code snippet here

Summary

The Brutalism theme is a powerful tool for creating panels in Adobe programs. It offers a fast and flexible workflow, with a clean design that seamlessly integrates with Adobe applications. The components provided by the theme simplify project development and keep code organized. The theme also takes care of host app themes, scrollbars, UI changes, and colors, making it easy to blend in with the host application’s design. With support for script loading, context and flyout menus, and Typescript, Brutalism eliminates many of the hurdles and quirks of working with Adobe using Vue, Webpack, and NodeJS.