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

Pair ultracite/core with the preset for your framework: ultracite/solid, ultracite/vue, ultracite/svelte, ultracite/qwik, or ultracite/angular. For example, a Vue project:

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

Multi-Framework Projects

Combine presets as needed:

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