Installation & Setup

Getting Your Project Ready

This guide walks you through preparing your project to use Propify components.

Prerequisites Check

Before installing, ensure you have:

# Node.js 16.8 or laternode --version# Package manager (npm, yarn, or pnpm)npm --version

Project Requirements

Propify components require:

• React 18+ or compatible framework (Next.js, Remix, Vite)
• Tailwind CSS 3.0+ installed and configured
• TypeScript (recommended but not required)

Setting Up Tailwind CSS

If you haven't already set up Tailwind CSS:

# Install Tailwind CSSnpm install -D tailwindcss postcss autoprefixer# Initialize Tailwindnpx tailwindcss init -p

Configure your tailwind.config.js:

/** @type {import('tailwindcss').Config} */module.exports = {  content: [    "./src/**/*.{js,ts,jsx,tsx,mdx}",    "./components/**/*.{js,ts,jsx,tsx,mdx}",  ],  theme: {    extend: {},  },  plugins: [],}

Installing Shadcn UI