Skip to content

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.

License

Notifications You must be signed in to change notification settings

Wolf-Root/Bookmark

Repository files navigation

Simple Bookmark Landing Page

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.

Preview

Preview

License: MIT Next.js React Tailwind CSS MUI GSAP next-themes JavaScript Typescript Vercel

Live Demo


Table of Contents


About

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.


Features

  • 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.

Tech Stack

  • 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

Installation

  1. Clone the repository:
git clone https://github.com/Wolf-Root/Bookmark.git
  1. Install dependencies:
npm install
  1. Run the development server:
npm run dev

Open http://localhost:3000 in your browser to view the project.


Contributing

  1. Fork the repository
  2. Create a feature branch:
git checkout -b feature/AmazingFeature
  1. Commit your changes:
git commit -m "Add some AmazingFeature"
  1. Push to your branch:
git push origin feature/AmazingFeature
  1. Open a Pull Request

License

This project is distributed under the MIT License. See LICENSE for more information.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published

Languages