unocss-preset-filter

Unocss preset for pure CSS filters.

Install

npm i unocss-preset-filter -D

yarn add unocss-preset-filter -D

pnpm add unocss-preset-filter -D

Usage

use presetFilter in your {uno,unocss}.config.{js,ts}:

import { defineConfig } from 'unocss'
import { presetFilter } from 'unocss-preset-filter'

export default defineConfig({
  presets: [presetFilter()],
})

Then use filter-<filter-name-in-kekab-case>

<div class="filter-aden"></div>

Options

export interface PresetFilterOptions {
  /**
   * customize filter selector prefix
   *
   * @default 'filter-'
   */
  prefix?: string
}

Credits

• instagram.css

License

MIT License © 2023-PRESENT ntnyq