Upgrade to v6

Guide for upgrading from Ultracite v5 to v6 with the new preset system.

Ultracite v6 introduces framework-specific presets that give you more control over which rules apply to your project. This upgrade is non-breaking for Next.js/React users.

What Changed

v6 introduces framework-specific presets:

Migration

Next.js/React Projects

Update your biome.jsonc to extend the appropriate presets:

biome.jsonc
{
  "extends": ["ultracite/core", "ultracite/react", "ultracite/next"]
}

Non-React Projects

Switch to the core preset if you're not using React:

biome.jsonc
{
  "extends": ["ultracite/core"]
}

Other Frameworks

Use the appropriate preset for your framework:

biome.jsonc
{
  // Solid.js
  "extends": ["ultracite/core", "ultracite/solid"]

  // Vue.js
  "extends": ["ultracite/core", "ultracite/vue"]

  // Svelte
  "extends": ["ultracite/core", "ultracite/svelte"]

  // Qwik
  "extends": ["ultracite/core", "ultracite/qwik"]

  // Angular
  "extends": ["ultracite/core", "ultracite/angular"]
}

Multi-Framework Projects

Combine presets as needed:

biome.jsonc
{
  "extends": ["ultracite/core", "ultracite/react", "ultracite/solid"]
}

How is this guide?