react-native-animated-glow
Version:
A performant, highly-customizable animated glow effect for React Native, powered by Skia and Reanimated.
136 lines • 4.37 kB
TypeScript
export declare const glowPresets: {
defaultRainbow: {
metadata: {
name: string;
textColor: string;
textSize: number;
category: string;
tags: string[];
};
states: ({
name: "default";
preset: {
cornerRadius: number;
outlineWidth: number;
borderColor: string[];
backgroundColor: string;
animationSpeed: number;
borderSpeedMultiplier: number;
glowLayers: ({
glowPlacement: "behind";
colors: string[];
glowSize: number;
opacity: number;
speedMultiplier: number;
coverage: number;
relativeOffset: number;
} | {
glowPlacement: "behind";
colors: string[];
glowSize: number[];
opacity: number;
speedMultiplier: number;
coverage: number;
relativeOffset: number;
})[];
};
transition?: undefined;
} | {
name: "hover";
transition: number;
preset: {
animationSpeed: number;
glowLayers: ({
glowSize: number;
opacity: number;
} | {
glowSize: number[];
opacity: number;
})[];
cornerRadius?: undefined;
outlineWidth?: undefined;
borderColor?: undefined;
backgroundColor?: undefined;
borderSpeedMultiplier?: undefined;
};
} | {
name: "press";
transition: number;
preset: {
animationSpeed: number;
glowLayers: ({
glowSize: number;
opacity: number;
} | {
glowSize: number[];
opacity: number;
})[];
cornerRadius?: undefined;
outlineWidth?: undefined;
borderColor?: undefined;
backgroundColor?: undefined;
borderSpeedMultiplier?: undefined;
};
})[];
};
oceanSunset: {
metadata: {
name: string;
textColor: string;
textSize: number;
category: string;
tags: string[];
};
states: ({
name: "default";
preset: {
cornerRadius: number;
outlineWidth: number;
borderColor: string[];
backgroundColor: string;
animationSpeed: number;
borderSpeedMultiplier: number;
glowLayers: {
glowPlacement: "behind";
colors: string[];
glowSize: number;
opacity: number;
speedMultiplier: number;
coverage: number;
}[];
};
transition?: undefined;
} | {
name: "hover";
transition: number;
preset: {
animationSpeed: number;
glowLayers: {
glowSize: number;
opacity: number;
}[];
cornerRadius?: undefined;
outlineWidth?: undefined;
borderColor?: undefined;
backgroundColor?: undefined;
borderSpeedMultiplier?: undefined;
};
} | {
name: "press";
transition: number;
preset: {
animationSpeed: number;
glowLayers: {
glowSize: number;
opacity: number;
}[];
cornerRadius?: undefined;
outlineWidth?: undefined;
borderColor?: undefined;
backgroundColor?: undefined;
borderSpeedMultiplier?: undefined;
};
})[];
};
};
//# sourceMappingURL=glow-presets.d.ts.map