PixenFlow 🎨

A curated collection of beautiful, ready-to-use, and highly customizable React components and stunning visual effects to elevate your web projects.

✨ Features

• Component Library: A wide range of components from interactive sliders to flowing menus.
• Animated Backgrounds: Dynamic and engaging backgrounds including Shape Blur, Threads, and Orb effects.
• Powered by Modern Tech: Built with React, Three.js, and Framer Motion for high-performance and smooth animations.
• Easy to Integrate: Simple to drop into any React or Next.js project.
• Customizable: Easily tweak components and effects to match your project's theme.

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

Make sure you have Node.js and npm installed on your machine.

Installation

1. Clone the repo:

   git clone https://github.com/your_username/PixenFlow.git

2. Navigate to the project directory:

   cd PixenFlow

3. Install NPM packages:

   npm install

4. Start the development server:

   npm run dev

📜 Available Scripts

In the project directory, you can run:

• npm run dev: Runs the app in the development mode.
• npm run build: Builds the app for production.
• npm run lint: Lints the project files.
• npm run preview: Serves the production build locally.

🛠️ Technologies Used

• React
• Vite
• Three.js
• Framer Motion
• Tailwind CSS

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

Distributed under the MIT License. See LICENSE for more information.