50 Interactive Components
Vite + React Setup Guide
React (Vite) Installation
Step-by-step setup guide for integrating Elementra UI into React Single Page Applications.
1
Create React Vite Project
Initialize a fast React TypeScript project powered by Vite.
npm create vite@latest my-app -- --template react-ts
2
Install Dependencies
Install Elementra UI core and styling utilities.
npm install elementra-ui lucide-react framer-motion clsx tailwind-merge
3
Add Tailwind CSS
Install Tailwind CSS and create the config file.
npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p
4
Use Components
Import any component directly into your React application.
import { Button } from "elementra-ui";
export default function App() {
return <Button variant="primary">Hello Elementra!</Button>;
}