Skip to content

INSTALL.md

Latest commit

 

History

History
57 lines (42 loc) · 1.38 KB

INSTALL.md

File metadata and controls

57 lines (42 loc) · 1.38 KB
Raw

Quick Installation Guide

Option 1: Using the Setup Script (Recommended)

Windows (Command Prompt)

setup.bat

Windows (PowerShell)

.\setup.ps1

Option 2: Manual Installation

  1. Install dependencies:

    npm install

  2. Start the development server:

    npm run dev

  3. Open your browser: Navigate to http://localhost:3000

Troubleshooting

If npm install fails:

  • Make sure you have Node.js 18+ installed
  • Try clearing npm cache: npm cache clean --force
  • Try using yarn instead: yarn install

If the server won't start:

  • Check if port 3000 is already in use
  • Try a different port: npm run dev -- -p 3001

Features You'll See

✅ Beautiful Animated UI - Smooth transitions and hover effects ✅ Font Pairing Search - Search by mood, brand, or font name ✅ Live Previews - See fonts in real UI components ✅ CSS Export - Copy ready-to-use CSS code ✅ Responsive Design - Works on all devices ✅ Modern Design System - Gradient effects and glass morphism

Next Steps

  1. Try searching for "playful" or "professional" to see font pairings
  2. Click on any font pair to see live previews
  3. Use the "Copy CSS" button to get ready-to-use code
  4. Explore different categories for curated collections

Enjoy building beautiful typography! 🎨