https://github.com/solo-fox/brainwave

Brainwave - Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles. Its sleek design, seamless animations, and overall user experience set a high standard, serving as a reference or inspiration for future modern applications or websites in general.
https://github.com/solo-fox/brainwave

ai coool landing page react ui ux vite

Last synced: about 1 month ago
JSON representation

Brainwave - Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles. Its sleek design, seamless animations, and overall user experience set a high standard, serving as a reference or inspiration for future modern applications or websites in general.

• Host: GitHub
• URL: https://github.com/solo-fox/brainwave
• Owner: solo-fox
• Created: 2024-06-08T11:11:47.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T15:41:12.000Z (11 months ago)
• Last Synced: 2025-01-20T17:28:08.459Z (3 months ago)
• Topics: ai, coool, landing, page, react, ui, ux, vite
• Language: JavaScript
• Homepage: https://solofox.vercel.app/
• Size: 13.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Logo](screenshots/14a.jpg)

# Brainwave

Brainwave - Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles. Its sleek design, seamless animations, and overall user experience set a high standard, serving as a reference or inspiration for future modern applications or websites in general.

## Functionalities

👉 **Beautiful Sections**: Includes hero, services, features, how to use, roadmap, pricing, footer, and header.

👉 **Parallax Animations**: Engaging effects triggered by mouse movement and scrolling

👉 **Complex UI Geometry**: Utilizes tailwindcss for intricate shapes like circular feature displays, grid lines, and side lines.

👉 **Latest UI Trends**: Incorporates modern design elements such as bento grids.

👉 **Cool Gradients**: Enhances visuals with stylish gradients using Tailwind CSS for cards, buttons, etc.

👉 **Responsive**: Ensures seamless functionality and aesthetics across all devices

and many more, including code architecture and reusability

## Technologies Used

- **React**: Frontend framework for building dynamic and interactive user interfaces.

- **Tailwind CSS**: Utility-first CSS framework for rapid UI development and customization.

- **vite** : a build tool that aims to provide a faster and leaner development experience for modern web projects

## Screenshots

![Screenshot 1](screenshots/1.jpg)

![Screenshot 2](screenshots/2.jpg)

![Screenshot 3](screenshots/3.jpg)

![Screenshot 4](screenshots/4.jpg)

![Screenshot 5](screenshots/5.jpg)

![Screenshot 6](screenshots/6.jpg)

![Screenshot 7](screenshots/7.jpg)

![Screenshot 8](screenshots/8.jpg)

![Screenshot 9](screenshots/9.jpg)

![Screenshot 10](screenshots/10.jpg)

![Screenshot 11](screenshots/11.jpg)

![Screenshot 12](screenshots/12.jpg)

![Screenshot 13](screenshots/13.jpg)

![Screenshot 14](screenshots/14a.jpg)

![Screenshot 15](screenshots/15.jpg)

![Screenshot 16](screenshots/16.jpg)

## Getting Started

To run the project locally, follow these steps:

1. Clone the repository: `git clone `

2. Navigate to the project directory: `cd brainwave`

3. Install dependencies: `npm install`

4. Start the development server: `npm run dev`

## License

This project is licensed under the [MIT License](LICENSE).