vite-react-ts-tailwind-lucide-starter Tailwind Templates

Vite React Ts Tailwind Lucide Starter

Custom starter template with my preferred packages and design kits

Vite + React TypeScript + Tailwind CSS + Lucide Starter

This template provides a minimal setup to get React-TypeScript app working in Vite with Tailwind CSS and Lucide icons.

Setup and Run in Local Machine

Prerequisites

  • Node.js v21 or higher
    Install globally on your computer from Node.js Downloads. Verify the installation by running this in a terminal:
    node -v
    npm -v
    

Integration Steps

  1. Open a terminal window and navigate to the directory where you want to clone this repository.

    cd 'YOUR_FOLDER'
    
  2. Clone this repository:

    git clone https://github.com/franzcrs/vite-react-ts-tailwind-lucide-starter.git
    
  3. Delete .git folder inside the cloned repository:

    cd vite-react-ts-tailwind-lucide-starter
    rm -rf .git
    
  4. Install dependencies:

    npm install
    
  5. Try out the starter app:

    npm run dev
    

    Type in the letter o+Enter to open the browser and navigate to the app server URL (http://localhost:3000):

    o
    
  6. Modify the original folder name as you wish and happy coding!

Top categories

Loading Svelte Themes