svelte-animated-counter

svelte-animated-counter A tiny css-agnostic animated counter for Svelte Installation 🔧 npm (or any other package manager) Features ✨ No dependencies CSS agnostic (custom styling) less than 1Kb minified works for svelte and svelte-kit Customisable (see options below) How to use 🚀 First import the component on your svelte page's script section. Call the component where you want it to be placed e.g.: Configuration Options Name Default Description ---------------- -------------------------- --------------------------------------------------------------------------------------------------- values ['000',..., '100'] list of values to animate interval 1000 counter interval between each step in milliseconds, defaults to 1000 startImmediately false whether to start the counter immediately or wait for the interval to pass, defaults to false direction 'down' counter direction, can be up or down defaults to down loop true whether to loop the counter animation after reaching the end of values array , defaults to true ease cubic-bezier(1, 0, 0, 1) easing function to use, defaults to cubic-bezier(1, 0, 0, 1)