TailwindCSS Demo 2025/S2

Details to come

First Use

To use this repository, use the following steps:

• Create a local copy
• cd into the folder
• install the packages
• run the dev server

Create Local Copy & Install Requirements

Open a command line and run:

git clone https://github.com/AdyGCode/tailwindcss-demo-2025-s2
cd tailwindcss-demo-2025-s2 
npm install

IMPORTANT You will need Node.JS version 22.18+ or 24.4+ to run vite and other NPM packages.

Run the Development Server

We are using VITE to run a development server.

Vite is like "make" on Linux and for other systems, and acts as a build application that performs actions automatically.

Vite provides:

• dev - used to automatically watch and compile CSS/JS when developing
• build - used to create production copies of the CSS/JS

In the same shell execute:

npm run dev

Open a browser and go to: http://localhost:5173/

• Localhost is the local computer/host (the one in front of you)
• 5173 is the port that Vite is listening on for requests

Components & Icons

We have been using the following libraries to help with this demo:

• Components are from HyperUI -https://www.hyperui.dev/.
• Icons are from FontAwesome (Free) - https://fontawesome.com

There are MANY possible options for UI components and Icons.

When selecting, please make sure you are using UI components that are TailwindCSS v4 compatible.

Any costs in using any of the components, icons and other sources are the responsibility of the user, and not the authors.

In your About page, please provide a link back to the source of ANY components, icons etc. you use in your designs.

Resources

https://dev.to/masumparvej/7-free-font-awesome-alternatives-in-2025-138e

https://octet.design/journal/free-icon-sets/