A personal portfolio website inspired by the design quality of Awwwards.

Features • Technologies • Installation • License

Seeing this project receive stars and forks recently has made me really happy. I originally built it just for myself. I know that changing the personal information to use it in your own portfolio might be a bit inconvenient. To solve this, I'll be working on improvements to make customization easier.

Kintarowwards is an open-source, highly interactive personal portfolio template inspired by top-tier Awwwards-winning websites. It features smooth scrolling, physics-based micro-interactions, dynamic theme switching, and a fully multilingual system designed to deliver a premium user experience. Every detail is crafted to leave a lasting impression while maintaining high performance and clean code standards.

• Advanced Animations: Fluid transitions and micro-interactions with Framer Motion and Motion libraries.
• 3D Experiences: Deep visual elements with React Three Fiber (R3F) and Three.js integration.
• Physics-Based Components: Dynamic and physics-compliant UI elements like "Hanging Profile" that respond to mouse movements.
• Smooth Scroll: A modern and high-quality scrolling experience with Lenis integration.
• Dynamic Theme Support: Optimized Dark and Light mode transitions with next-themes.
• Multi-language Support: Extensible language options for global users.
• Responsive Design: A mobile-first interface that looks perfect on all devices.

• Next.js: The core React framework used for routing, server-side rendering, and performance optimization.
• Tailwind CSS: Utility-first CSS framework for rapid and responsive UI styling.
• TypeScript: Ensures type safety and provides a superior developer experience with clean architecture.
• Framer Motion: Powers the complex, physics-based UI animations, transitions, and gesture interactions.
• Three.js: Integrated via React Three Fiber to render interactive and lightweight 3D scenes natively.
• Shadcn/UI: Provides accessible, beautifully designed, and customizable core UI components.
• Lucide React: A clean and consistent icon library used for UI navigation and actions.
• Lenis: Delivers a silky-smooth, native-feeling scroll experience across all devices.

Follow the steps below to run the project in your local environment:

1. Clone the repository:

   git clone https://github.com/xkintaro/kintarowwwards.git
   cd kintarowwwards

2. Install dependencies:

   npm install

3. Start the Development Server:

   npm run dev

You can view the project by visiting http://localhost:3000 in your browser.

This project is licensed under the MIT License. See the LICENSE file for details.

_{❤️ Developed by "Mustafa TAŞAL" (kintaro)}