Installation Guide

Prerequisites

Before you can start using the Free Astro Components, you need to have the following prerequisites installed on your machine:

  • Node: Make sure you have Node.js installed. You can download it from Node.js .

  • React: Your project should use React (version 18 or higher). You can follow the React documentation to get started.

  • Tailwind: Purrfect UI is styled with Tailwind CSS. Ensure Tailwind CSS is installed and configured in your project.

Installing Tailwind

If Tailwind is not set up, follow the Tailwind CSS installation guide:

Add Tailwind CSS to your project configuration (e.g., tailwind.config.js) and include it in your CSS file:

Configure your template paths:

tailwind.config.ts

Installing the Components

1. Install the Package

To use the Free Astro Components, you need to install the package via npm. Run the following command in your project directory:

2. Import the Components

Once the package is installed, you can import the components you need into your Astro pages or components. For example:

3. Use the Components

After importing, you can use the components in your project. Here's an example of how to use the Avatar component:

Additional Information

  • Support: If you encounter any issues or have questions, feel free to open an issue on our GitHub repository.

Next Steps

Now that you have the components installed, you can start integrating them into your project. Check out the Component Guide for detailed information on how to use each component.