Installation
Set up AlpineUI in your project within minutes. This guide walks you through installation, configuration, and first verification.
Prerequisites
Before installing AlpineUI, ensure your environment meets the following:
- Node.js 18 or higher
- npm, pnpm, or yarn installed
- A modern browser (Chrome, Edge, Firefox)
- Basic knowledge of JavaScript modules
Install Methods
Choose the method that fits your workflow.
npm
npm install alpineuipnpm
pnpm add alpineuiyarn
yarn add alpineuiQuick Setup
After installation, create your first AlpineUI instance.
import { App } from 'alpineui'
App.create({
target: '#app'
})Verify Installation
Confirm that AlpineUI is correctly installed by running:
npx alpineui --versionYou should see the installed version number printed in your terminal.
Troubleshooting
Module not found error
Ensure AlpineUI is installed in your project and node_modules is not corrupted.
App not mounting
Verify that your target selector exists in the DOM before initialization.
Next Steps
Now that AlpineUI is installed, continue to learn how to build components and manage state.