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
    Color Features of Bento grid

    Color Features of Bento grid

    Color Features of Bento grid

    Loading...

    Installation

    Install the following dependencies:

    npm install framer-motion

    Copy and paste the cn util code into your project.

    import { ClassValue, clsx } from "clsx"
    import { twMerge } from "tailwind-merge"
     
     
    export function cn(...inputs: ClassValue[]) {
      return twMerge(clsx(inputs))
    }
     

    Copy and paste the features code into your project.

    Mouse FollowingAnimotion In View Card

    Explore Our Features

    Discover what makes our product stand out

    Featured

    Check out our latest features

    Quick Start

    Get up and running in minutes

    Performance

    Optimized for speed

    Reviews

    See what others are saying

    Community

    Join our growing community

    Resources

    Helpful guides and tutorials

    Integrations

    Connect with your tools

    Showcase

    See it in action

    Customization

    Make it your own

    Explore all features