SPY UI LogoSPY UI
DocsComponentsChartsBlocksTemplatesPricing
Login
Get All Access

Loading sidebar...

CLI

Use our dedicated command line tool to seamlessly add components directly to your project.

Initialization

Run the init command to set up your components directory and preferences:

Terminal
Loading code...

Adding a Component

To install any free component, such as the Floating Navbar, run:

Terminal
Loading code...

Pro Components

If you have purchased a Pro subscription or bought a component a-la-carte, you can authenticate the CLI to download your premium code directly to your codebase.

First, download your CLI token directly from the Profile Dashboard. Then, run the login command and paste your token when prompted:

Terminal
Loading code...

That's it! You can now seamlessly install any component (both Free and Pro) using the standard add command:

Terminal
Loading code...
Getting Started
Install Next.jsInstall Tailwind CSSAdd utilitiesCLI
Assets
Micro InteractionsThemes & Palettes StudioBackgrounds & Environments
All Components333AI Interfaces13Backgrounds1Badges & Indicators4Buttons61Cards18Carousels & Galleries30Inputs & Forms12Layouts & Grids2Loaders18Media & Assets1Mouse & Cursor Effects7Overlays & Drawers3Text & Typography153Themes & Palettes Studio1Toggles3UI Elements6
All Charts280Area Charts24Bar Charts26Bubble Charts14Candlestick Charts12Funnel Charts23Gauge Charts33Interactive Charts7Line Charts22Pie Charts18Polar Charts16Radar Charts30Radial Charts18Scatter Charts20Treemap Charts17
All Blocks86Carousels & Galleries2Footers29Grids & Layouts3Headers9Navbars & Menus32Sections11
All Templates6Agency2Portfolio4Saas1

Build faster with All Access

Lifetime access to all templates, components and blocks.

Get All Access