solid-animatecss

A wrapper around the animate css library for solid

Installation

# Using npm
npm install solid-animatecss
# Using yarn
yarn add solid-animatecss

Usage

The component names are a combination of the word Animate with the name of the animation in camel case.

Usage

import { AnimateBounce, AnimateFlash } from 'solid-animatecss';

const Demo = () => {
    return (
        <>
            <AnimateBounce>
                bounce
            </AnimateBounce>
            <AnimateFlash>
                flash
            </AnimateFlash>
        </>
    )
}

List complete of componentes:

• AnimateBounce
• AnimateFlash
• AnimatePulse
• AnimateRubberBand
• AnimateShakeX
• AnimateaShakeY
• AnimateHeadShake
• AnimateSwing
• AnimateTada
• AnimateWobble
• AnimateJello
• AnimateHeartBeat
• AnimateBackInDown
• AnimateBackInLeft
• AnimateBackInRight
• AnimateBackInUp
• AnimateBackOutDown
• AnimateBackOutLeft
• AnimateBackOutRight
• AnimateBackOutUp
• AnimateBounceIn
• AnimateBounceInDown
• AnimateBounceInLeft
• AnimateBounceInRight
• AnimateBounceInUp
• AnimateBounceOut
• AnimateBounceOutDown
• AnimateBounceOutLeft
• AnimateBounceOutRight
• AnimateBounceOutUp
• AnimateFadeIn
• AnimateFadeInDown
• AnimateFadeInDownBig
• AnimateFadeInLeft
• AnimateFadeInLeftBig
• AnimateFadeInRight
• AnimateFadeInRightBig
• AnimateFadeInUp
• AnimateFadeInUpBig
• AnimateFadeInTopLeft
• AnimateFadeInTopRight
• AnimateFadeInBottomLeft
• AnimateFadeInBottomRight
• AnimateFadeOut
• AnimateFadeOutDown
• AnimateFadeOutDownBig
• AnimateFadeOutLeft
• AnimateFadeOutLeftBig
• AnimateFadeOutRight
• AnimateFadeOutRightBig
• AnimateFadeOutUp
• AnimateFadeOutUpBig
• AnimateFadeOutTopLeft
• AnimateFadeOutTopRight
• AnimateFadeOutBottomRight
• AnimateFadeOutBottomLeft
• AnimateFlip
• AnimateFlipInX
• AnimateFlipInY
• AnimateFlipOutX
• AnimateFlipOutY
• AnimateLightSpeedInRight
• AnimateLightSpeedInLeft
• AnimateLightSpeedOutRight
• AnimateLightSpeedOutLeft
• AnimateRotateIn
• AnimateRotateInDownLeft
• AnimateRotateInDownRight
• AnimateRotateInUpLeft
• AnimateRotateInUpRight
• AnimateRotateOut
• AnimateRotateOutDownLeft
• AnimateRotateOutDownRight
• AnimateRotateOutUpLeft
• AnimateRotateOutUpRight
• AnimateHinge
• AnimateJackInTheBox
• AnimateRollIn
• AnimateRollOut
• AnimateZoomIn
• AnimateZoomInDown
• AnimateZoomInLeft
• AnimateZoomInRight
• AnimateZoomInUp
• AnimateZoomOut
• AnimateZoomOutDown
• AnimateZoomOutLeft
• AnimateZoomOutRight
• AnimateZoomOutUp
• AnimateSlideInDown
• AnimateSlideInLeft
• AnimateSlideInRight
• AnimateSlideInUp
• AnimateSlideOutDown
• AnimateSlideOutLeft
• AnimateSlideOutRight
• AnimateSlideOutUp