Bolt Uxp

screenshot of Bolt Uxp
react
svelte
vite
vue
scss

A lightning-fast boilerplate for building Adobe UXP Plugins in Svelte, React, or Vue built on Vite + TypeScript + Sass

Overview

Bolt UXP provides an exciting and efficient way to build Adobe UXP Plugins using Svelte, React, or Vue. Leveraging modern technologies like Vite, TypeScript, and Sass, this boilerplate offers a lightning-fast development experience, ideal for developers looking to streamline their processes. With a focus on user-friendliness and flexibility, this tool is designed to cater to both novice and experienced plugin developers, making it a valuable addition to your development toolkit.

The capability to quickly set up, customize, and deploy Adobe plugins stands out, especially for those committed to using the latest in web standards. With its comprehensive support for multiple frameworks and straightforward integration with Adobe's ecosystems, Bolt UXP opens the door to innovative plugin development, fostering creativity and efficiency across projects.

Features

  • Lightning Fast Hot Reloading: Experience immediate updates in your plugins as you make changes, enhancing productivity and easing the development process.
  • Setup with TypeScript Definitions: Streamlined configuration for UXP and Photoshop APIs, ensuring a smoother coding experience with type safety.
  • Flexible Configuration: Easily customize your project setup through the uxp.config.ts file for tailored plugin environments.
  • Multi-Host Application Support: Develop plugins that work across various Adobe applications seamlessly, expanding your plugin's usability.
  • Optimized Build Size: Keep performance at its peak with an automatically optimized build size, making your plugins lightweight and efficient.
  • Template for UXP Hybrid C++ Plugins: Step into hybrid development with a built-in template for integrating C++ functionalities into your UXP plugins.
  • Easy Publish to CCX: Publish your plugins conveniently to the Creative Cloud Exchange for broad distribution, simplifying the sharing process.
  • Automated GitHub Actions: Out-of-the-box GitHub Actions for CCX releases, allowing for continuous integration and deployment with ease.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.