Brainwave

Davi Andion

Frontend Engineer
Web Developer
Framer
React
Tailwind CSS

Modern UI/UX Website/Landing page

📋 Table of Contents

🤖 Introduction

Modern UI/UX website, developed using React, Framer, JavaScript and Tailwind CSS, exemplifies modern UI/UX principles. It's sleek design, seamless animations, and overall user experience makes it one of my favorites. It utilizes Tailwind CSS for intricate shapes like circular feature displays, grid lines, and side lines. Also includes seamless functionality across all devices, code architecture and reusability.

⚙️ Tech Stack

Vite
React
Framer Motion
JavaScript
Tailwind CSS

🔋 Features

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

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:
npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/andiondavi/brainwave.git
cd brainwave

Installation

Install the project dependencies using npm:
npm install

Running the Project

npm run dev
Open http://localhost:5173 in your browser to view the project.

🔗 Links

💡 Final Considerations

Developed by: Davi Andion.
Github: @andiondavi
Partner With Davi
View Services

More Projects by Davi