Installation

How to install dependencies and structure your app.

Note: We have the exact same installation process as shadcn/ui.

Create project

Run the init command to create a new Next.js project or to setup an existing one:

npx shadcn@latest init

Add components

You can now start adding components to your project.

 npx shadcn@latest add https://fluxbuttons.vercel.app/r/splash-button.json

Import component

The command above will add the splash-button component to your project. You can then import it like this:

import { SplashButton } from "@/components/ui/splash-button"

const SplashButtonPreview = () => {
    return (
        <div>
            <SplashButton >
                Hover Me
            </SplashButton>
        </div>
    );
};

export default SplashButtonPreview

Introduction

High-quality button components you can copy and paste into your apps.

Components

Here you can find all the components available in the library. We are working on adding more components.

On this page

Create projectAdd componentsImport component