A clean and responsive landing page for a bookmark manager. This project is frontEnd only (no functionality), built with Next.js, Tailwind CSS, and MUI (Material-UI), enhanced with GSAP Animations for smooth interactions.
This is a Simple Bookmark Landing Page built for practicing frontend development with modern tools. It features a responsive design using Next.js, Tailwind CSS, and MUI (Material-UI) components. The page includes smooth GSAP animations and supports Dark and Light themes, allowing users to switch between modes seamlessly.
The project is frontEnd only, so it does not include any backend functionality.
- Responsive Design: Works perfectly on desktop, tablet, and mobile screens.
- Dark/Light Theme: Switch between dark and light modes seamlessly.
- GSAP Animations: Smooth animations for interactive and engaging UI.
- MUI Components: Built with Material-UI for consistent and modern design.
- Tailwind CSS Styling: Utility-first styling for fast and flexible layout.
- FrontEnd Only: Focused on layout and user interface, no backend functionality.
- Next.js – React framework for server-side rendering and routing
- React – JavaScript library for building user interfaces
- Tailwind CSS – Utility-first CSS framework for rapid styling
- MUI (Material-UI) – Pre-built React components for consistent design
- GSAP – JavaScript library for smooth animations
- next-themes – Theme management for switching between Dark and Light modes
- JavaScript / TypeScript – Core programming language used
- Clone the repository:
git clone https://github.com/Wolf-Root/Bookmark.git- Install dependencies:
npm install- Run the development server:
npm run devOpen http://localhost:3000 in your browser to view the project.
- Fork the repository
- Create a feature branch:
git checkout -b feature/AmazingFeature- Commit your changes:
git commit -m "Add some AmazingFeature"- Push to your branch:
git push origin feature/AmazingFeature- Open a Pull Request
This project is distributed under the MIT License. See LICENSE for more information.
