Skip to content

Latest commit

 

History

History
76 lines (55 loc) · 2.07 KB

README.md

File metadata and controls

76 lines (55 loc) · 2.07 KB

Zentry UI Showcase

Live website 🔗zentry.abhii.site

Welcome to the Zentry UI Showcase project! This project highlights my UX/UI design and React development skills through an elegant and responsive user interface, crafted using modern web development technologies.

🚀 Features

  • Hero Section with Animated Loader
    A visually appealing hero section with dynamic GSAP animations and a custom loader to enhance user experience.

  • Interactive Components
    Reusable and well-structured React components for buttons, navbar, and other UI elements.

  • Smooth Animations
    Leveraging GSAP and Motion for fluid animations that improve interactivity and engagement.

  • Responsive Design
    Fully responsive UI powered by Tailwind CSS, ensuring seamless performance on all screen sizes.

  • Optimized Assets
    Includes web-optimized fonts and images for faster load times and better performance.

🛠️ Technologies Used

  • React: Component-based library for building the user interface.
  • Tailwind CSS: Utility-first CSS framework for rapid UI development.
  • GSAP: Animation library for creating professional-grade animations.
  • React Icons: Simple inclusion of popular icons.
  • Vite: Fast development and build tooling.

📦 Dependencies

The project uses the following key dependencies:

{
  "@gsap/react": "^2.1.1",
  "clsx": "^2.1.1",
  "motion": "^11.17.0",
  "react": "^18.3.1",
  "tailwindcss": "^3.4.17"
}

🖥️ Getting Started

  1. Clone the repository:

    git clone <repository-url>
cd abhinav-prajapati-zentry

  2. Install dependencies:

    yarn install

  3. Run the development server:

    yarn dev

  4. Build for production:

    yarn build

  5. Preview the build:

    yarn preview

🌟 About

This project showcases my focus on designing engaging web experiences. Every component and animation has been carefully created to enhance usability and visual appeal.