react-ai-orb
Version:
A beautiful, customizable animated orb component for React applications! Perfect for AI interfaces, assistants, interactive chatbots, or anywhere you need a glowing orb.
35 lines (34 loc) • 945 B
TypeScript
export type OrbPalette = {
mainBgStart: string;
mainBgEnd: string;
shadowColor1: string;
shadowColor2: string;
shadowColor3: string;
shadowColor4: string;
shapeAStart: string;
shapeAEnd: string;
shapeBStart: string;
shapeBMiddle: string;
shapeBEnd: string;
shapeCStart: string;
shapeCMiddle: string;
shapeCEnd: string;
shapeDStart: string;
shapeDMiddle: string;
shapeDEnd: string;
};
export type PaletteNames = "cosmicNebula" | "caribean" | "galaxy" | "oceanDepths" | "emerald" | "cherryBlossom" | "goldenGlow" | "volcanic";
export type OrbPalettes = {
[K in PaletteNames]: OrbPalette;
};
export type ReactAIOrbProps = {
palette?: OrbPalette;
size?: number;
animationSpeedBase?: number;
animationSpeedHue?: number;
hueRotation?: number;
mainOrbHueAnimation?: boolean;
blobAOpacity?: number;
blobBOpacity?: number;
noShadow?: boolean;
};