Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.

Command Palette

Search for a command to run...

Docs
Cool Mode

Cool Mode

Cool mode effect for buttons, links, and other DOMs

Installation

Examples

Custom Particle

Usage

import { CoolMode } from "@/components/magicui/cool-mode";
<CoolMode>
  <button>Click me</button>
</CoolMode>

Props

PropTypeDefaultDescription
particleString"circle"The particle URL for a custom particle
sizeNumberVariesSize of the particle
particleCountNumberVariesThe number of particles to generate
speedHorzNumberVariesHorizontal speed of the particles
speedUpNumberVariesUpward speed of the particles

Credits