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:
ultracite/core- Base JavaScript/TypeScript rulesultracite/react- React-specific rulesultracite/next- Next.js-specific rulesultracite/solid- Solid.js rulesultracite/vue- Vue.js rulesultracite/svelte- Svelte rulesultracite/qwik- Qwik rulesultracite/angular- Angular HTML parserultracite/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"]
}How is this guide?