Docs
3D Logo Particles
3D Logo Particles
Displays a beautiful 3D Logo Particles.
Make your websites more modern by BuouUI
Installation
Copy and paste the Event Calendar code into your project.
API Reference
Props
| Prop | Type | Description |
|---|---|---|
text | string | - |
maxSpeed | number | 50 |
fontSize | number | 120 |
mobileFontSize | number | 60 |
fontFamily | string | 'sans-serif' |
particleColor | string | 'white' |
scatteredColor | string | '#00DCFF' |
interactionDistance | number | 240 |
particleCount | number | 7000 |
backgroundColor | string | 'black' |
fontWeight | string | 'bold' |
children | React.ReactNode | - |
Usage
export default function Demo() {
return (
<ParticleText text="BuouUI" maxSpeed={60} scatteredColor="#00DCFF">
<p className="font-mono text-gray-400 text-xs sm:text-base md:text-sm">
Explore{" "}
<a
href="#"
className="text-gray-300 hover:text-cyan-400 transition-colors duration-300"
>
BuouUI
</a>{" "}
for modern interfaces
</p>
</ParticleText>
)
}