1.1.2 • Published 7 months ago
@crittora/crittora-blob v1.1.2
CrittoraBlob
A beautiful, customizable animated blob component for React applications by Crittora.
Installation
npm install @crittora/crittora-blobUsage
import { CrittoraBlob } from "@crittora/crittora-blob";
import "@crittora/crittora-blob/dist/index.css";
function App() {
return (
<div>
<CrittoraBlob />
</div>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 300 | Width and height of the blob in pixels |
| colors | { start: string, end: string } | { start: "#ff0000", end: "#0000ff" } | Gradient colors |
| duration | number | 12 | Animation duration in seconds |
| className | string | "" | Additional CSS classes |
Example with Custom Props
<CrittoraBlob
size={400}
colors={{ start: "#ff00ff", end: "#00ffff" }}
duration={8}
className="my-custom-class"
/>Requirements
- React 16.8 or higher
- Framer Motion 6.0 or higher
License
MIT