Upgrade to v6

Upgrade from Ultracite v5 to v6 and adopt the new preset system with guidance on changed config structure and migration steps.

Ultracite v6 introduces framework-specific presets that give you more control over which rules apply to your project.

What Changed

v6 introduces framework-specific presets:

• ultracite/core - Base JavaScript/TypeScript rules
• ultracite/react - React-specific rules
• ultracite/next - Next.js-specific rules
• ultracite/solid - Solid.js rules
• ultracite/vue - Vue.js rules
• ultracite/svelte - Svelte rules
• ultracite/qwik - Qwik rules
• ultracite/angular - Angular HTML parser
• ultracite/remix - File-based routing support

Migration

Next.js/React Projects

Update your biome.jsonc to extend the appropriate presets:

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

Non-React Projects

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

{
  "extends": ["ultracite/core"],
}

Other Frameworks

Use the appropriate preset for your framework:

{
  // 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:

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