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
    Mouse Following

    Mouse Following

    Displays a shadow with mouse following.

    Mouse Here

    Installation

    Copy and paste the Mouse Following code into your project.

    API Reference

    Props

    PropTypeDescription
    childrenReact.ReactNodeThe content to be wrapped inside the div.

    Usage

     
    function MouseFollowing() {
      return (
       
             <CardWithEffect>
                 <div className="h-[400px] flex items-center justify-center text-white">Mouse Here</div>
             </CardWithEffect>
      );
    }
     
    Color CardColor Grid