Reset

Inject a community CSS reset stylesheet as preflight CSS.

The reset plugin injects a CSS reset as preflight, ensuring a consistent baseline across browsers. It supports several well-known community resets and registers a dedicated reset layer with a default order of -1, which places reset styles ahead of the default preflights and utilities layers. The order is a default: if your config already assigns layers.reset, your value wins.

pnpm

pnpm add -D @pikacss/plugin-reset

npm

npm install -D @pikacss/plugin-reset

yarn

yarn add -D @pikacss/plugin-reset

import { defineEngineConfig } from '@pikacss/core'
import { reset } from '@pikacss/plugin-reset'

export default defineEngineConfig({
	plugins: [reset()],
})

reset() takes no arguments. Choose the preset with the top-level reset engine config option rather than by passing options to the plugin call. The plugin sets layers.reset to -1 only when your config has not already defined it, so the injected preflight stays ahead of the default preflights and utilities layers by default — override the position with your own layers: { reset: ... } entry.

Quick rules

• Call reset() with no arguments.
• Choose the preset with the top-level reset engine config key.
• The plugin registers a reset layer with default order -1 (before the default preflights and utilities layers); a layers.reset value in your config takes precedence.

Config

Property	Description
reset	CSS reset preset to inject. Options: 'andy-bell', 'eric-meyer', 'modern-normalize', 'normalize', 'the-new-css-reset'. Default: 'modern-normalize'.

Example:

import { defineEngineConfig } from '@pikacss/core'
import { reset } from '@pikacss/plugin-reset'

export default defineEngineConfig({
	reset: 'andy-bell',
	plugins: [reset()],
})

See API Reference — Plugin Reset for full type signatures and defaults.

Next

• Typography — semantic prose styling.
• Icons — icon integration via Iconify.