This presset is a customizable collection of gradient, grid, radial background by bg.ibelick.com

Credit

• Ibelick for creating bg.ibelick.com

Usage

Installation

npm i -D @unifydev/preset-bg

Note that PresetUI is a dev dependency

Config

In you uno.config.(js|ts) :

...
// import the packages
import {presetBg} from '@unifydev/preset-bg'

export default defineConfig({
  // ...config
  presets: [
    //other presets
    presetBg()
  ],
});

Use it

Now you can use :

Grid

<div class="relative size-screen">
  <span aria-hidden="true" class="absolute size-full ui-grid-dotted ui-grid-dotted-bg-size-xl ui-grid-dotted-bg-gray950 text-blue"></span>
</div>

Contributing

If you're interested in contributing to Unify-UI, please read our contributing docs before submitting a pull request.

Join Our Community 🌍

Contribute, collaborate, and become a part of our mission 🚀

• Discord Community