BuouNext
  • Features
  • DocumentsNew
  • BrutalUINew
  • ShowcaseHot
  • Pricing
  • Blog

    Getting Started

    Introduction

    BuouNext Instruction

    InstallationRun BuouNextProject StructureComponentsAuthenticationEmailAPI CallsDatabasePaymentSEO OptimizationHeadless CMSContact

    AI Instruction

    AI ImageNewAI ChatbotNewAI SearchNewAI NotionNew

    Components

    Super ClockNewFloating DockNewAI Image CompareNewAvatar ListNewClockNewDarkModeNewStepperNewRotation AvatarNewButton with TrailNewDotNewGridNewCounter CardNewMarquee CardNewProfile CardNewBento gridNewBorder Trail CardNewBuouNext FeaturesNewColor CardNewMouse FollowingNewColor GridNewAnimotion In View CardNewLevitate CardNewReorder CardNewGenerate TextNewSmooth Fliping NumberNewSmooth Fliping TextNewSmooth Typing TextNewTyping TextNewWindow Typing TextNewFade In OutNewText DropNewScalingNew
    Docs
    Animotion In View

    Animotion In View

    Displays a Animotion In View component.

    Adaptively identify screen size and perform lazy loading page effects

    Loading...

    Installation

    Install the following dependencies:

    npm install framer-motion

    Copy and paste the following code into your project.

    This Card Component
    This Button Component
    This Input Component
    This Label Component

    Copy and paste the animotion-in-view code into your project.

    Color GridLevitate Card

    Login

    Enter your email below to login to your account.

    Sign

    Enter your email below to login to your account.

    Register

    Enter your email below to login to your account.