Brainwave is a modern UI/UX website designed with React.js and Tailwind CSS, showcasing cutting-edge design principles. Its sleek interface, seamless animations, and exceptional user experience make it a benchmark for modern web applications.
Experience the live demo here: Brainwave Live Demo
- Vite: Lightning-fast build tool for modern web development
- React.js: A declarative, component-based JavaScript library for building user interfaces
- Tailwind CSS: A utility-first CSS framework for fast and responsive design
- Hero Section: Captivating first impression
- Services & Features: Highlights offerings in an intuitive layout
- How to Use & Roadmap: Guides users and provides a timeline
- Pricing: Comprehensive plans for potential users
- Footer & Header: Clean, functional navigation and contact options
- Parallax Effects: Engaging mouse and scroll-triggered animations
- Modern UI Trends: Inspired by bento grids and sleek geometries
- Complex UI Geometry: Features circular displays, grid lines, and creative sidebars
- Gradients: Beautiful gradients for cards, buttons, and sections
- Optimized for all screen sizes and devices
- Clean architecture for scalability
- Highly reusable components
Follow these steps to set up Brainwave locally:
Ensure the following are installed on your machine:
- Git
- Node.js
- npm
- Clone the repository:
https://github.com/MohammedJawwad/Brainwave.git cd Brainwave - Install dependencies:
npm install- Start the development server:
npm run devbrainwave/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Main website pages
│ ├── styles/ # Tailwind CSS configurations
│ └── App.jsx # Root React component
└── vite.config.js # Vite configuration
This project is licensed under the MIT License.