Adrianhajdin

Adrianhajdin

A collection of 56 templates, themes and UI Kits by the author Adrianhajdin.

screenshot of 3D_portfolio

Let's build a cool 3D website together! You'll learn how to make a portfolio with fun interactive parts, like a floating island and a fox that moves when you type. It'll allow you to show off your skills and get a job!

react
vite
tailwind
screenshot of Ai_mock_interviews

Ready to master your job interviews? Join us as we build a real-time AI-driven mock interview platform with Next.js and Vapi AI, offering personalized prep sessions just for you.

nextjs
react
tailwind
firebase
screenshot of Ai_saas_app

Build a REAL Software-as-a-Service app with AI features and payments & credits system that you might even turn into a side income or business idea using Next.js 14, Clerk, MongoDB, Cloudinary AI, and Stripe.

nextjs
react
tailwind
screenshot of Anime_vault

Your favorite anime, all in one place.

nextjs
react
tailwind
screenshot of Brainwave

Learn to create modern websites with sleek parallax effects and bento box layouts. This course covers everything from stylish UI design to mobile-first principles while strengthening your React.js and Tailwind CSS skills.

react
vite
tailwind
screenshot of Coinpulse

CryptoPulse is a high-performance analytics dashboard built with Next.js 16. It leverages WebSockets and CoinGecko to provide real-time market data, live orderbooks, and integrated TradingView charts.

nextjs
tailwind
shadcn-ui
screenshot of Collaborative Editor

Learn how to build any collaborative application by building LiveDocs, an improved Google Docs that manages millions of collaborators in real-time.

nextjs
react
tailwind
screenshot of Ecommerce

Learn how to build an incredible e-commerce webshop with an admin dashboard and CMS using Next 14, Stripe, TypeScript, and Payload CMS.

express
nextjs
react
payloadcms
screenshot of Ecommerce_sanity_stripe

Modern Full Stack ECommerce Application with Stripe

nextjs
react
sanity
screenshot of Event_platform

Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.

nextjs
react
tailwind
screenshot of Food_ordering

Food Delivery app built with React Native, TypeScript, and Tailwind CSS. Featuring Google Auth, smart search, cart, and smooth navigation, with Appwrite handling the backend and storage.

react
react-native
tailwind
screenshot of Gsap_cocktails

A modern cocktail website built with React and TailwindCSS, featuring smooth GSAP animations such as SplitText reveals, scroll-triggered effects, parallax scrolling, and a custom carousel.

react
vite
tailwind
screenshot of Gsap_macbook_landing

Apple-style website built with React, Three.js, GSAP, and TailwindCSS. Create immersive 3D product scenes with realistic lighting, scroll-triggered animations, masking effects and smooth animations.

tailwind
screenshot of Healthcare

Build a healthcare platform that streamlines patient registration, appointment scheduling, and medical records, and learn to implement complex forms and SMS notifications.

nextjs
react
tanstack
tailwind
cmdk
screenshot of Jsm_gta_vi_landing

GTA VI Website Clone built with React, Tailwind & GSAP. Scroll-driven cinematic experience with pinned sections, synced video, parallax, and image masking, all fully responsive and animation-rich.

react
tailwind
screenshot of Jsmasterypro_devflow

Codebase for the Ultimate Next.js Course

screenshot of Nike_landing_page

Dive into the world of Tailwind CSS, build a Nike website, and join top-tier organizations like OpenAI, Shopify, and NASA in building stunning apps effortlessly.

react
vite
tailwind
screenshot of Portfolio

Modern & Minimal JS Mastery Portfolio

nextjs
react
tailwind
screenshot of Portfolio_website

Tutorial created by Enyel Sequeira, taught by JavaScript Mastery

react
screenshot of Project_chat_application

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, Node.js, Express.js, and Socket.io.

react
screenshot of Project_corona_tracker

This is a code repository for the corresponding YouTube video. In this tutorial, we are going to build and deploy a corona tracker application. Covered topics: React.js, Chart.js, Material UI, and much more.

react
screenshot of Project_hoobank

Modern UI/UX website using React.js & Tailwind CSS

react
vite
tailwind
screenshot of Project_metaverse

Build and Deploy a Modern Next 13 Website With Framer Motion & Tailwind CSS

nextjs
react
tailwind
screenshot of Project_modern_ui_ux_gpt3

Master the creation of Modern UX/UI Websites

react
screenshot of Project_modern_ui_ux_restaurant

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website

react
screenshot of Project_music_player

Master modern web development by building an improved version of Spotify. With a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more, this is the best music application you can currently find...

react
vite
tailwind
screenshot of Project_next13_car_showcase

Build and Deploy a Modern Next.js 13 Application | React, Next JS 13, TypeScript, Tailwind CSS

nextjs
react
tailwind
headless-ui
screenshot of Project_next_14_ai_prompt_sharing

Next.js recently became the official React framework as outlined in React docs. In this course, you'll learn the most important Next.js concepts and how they fit into the React ecosystem. Finally, you'll put your skills to the test by building a modern full-stack Next 14 application.

nextjs
react
tailwind
screenshot of Project_professional_portfolio

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, SCSS, Framer Motion, Sanity

react
screenshot of Project_syncfusion_dashboard

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a an admin dashboard app using React.js and Syncfusion

react
tailwind
screenshot of Project_youtube_clone

Build and Deploy a Modern YouTube Clone Application in React JS with Material UI 5

react
material-ui
screenshot of Projects_realestate

Build and Deploy a Real Estate React & Next.js Application

nextjs
react
chakra-ui
screenshot of Refine_dashboard

Build an admin dashboard with full authentication, a homepage displaying charts and activities, a comprehensive table for companies with CRUD and search, and a Kanban board with real-time synchronization.

react
vite
ant-design
screenshot of Saas App

LMS SaaS app featuring user authentication, subscriptions, and payments using Next.js, Supabase, and Stripe — also integrates Vapi AI voice agent for seamless, interactive learning sessions.

nextjs
react
tailwind
shadcn-ui
supabase
screenshot of Saas Template

SaaS Starter Template built with Next.js, Supabase & Clerk. Includes seamless auth, manage subscriptions and payments out of the box, and scale faster with a clean, reusable codebase — everything you need to kickstart your SaaS.

nextjs
react
tailwind
supabase
screenshot of Signalist_stock Tracker App

Stock Market app built with Next.js, Shadcn, Better Auth, and Inngest. Track prices, set alerts, explore insights, manage watchlists, and automate workflows for notifications and analytics.

nextjs
screenshot of Social_media_app

Build a modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.

react
tanstack
vite
tailwind
screenshot of Stack_overflow_nextjs14

Ultimate Next.js 14 Course

nextjs
react
tailwind
screenshot of Threads

Develop Threads, Next.js 13 app that skyrocketed to 100 million sign-ups in less than 5 days, and dethroned giants like Twitter, ChatGPT, and TikTok to become the fastest-growing app ever!

nextjs
react
tailwind
screenshot of Travel Agency Dashboard

Build a dynamic travel dashboard with React, React Router v7, Syncfusion, Appwrite, and Gemini AI! Master authentication, create interactive charts, and integrate Gemini AI for outstanding features.

react
vite
tailwind
screenshot of Travel_ui_ux

Build and Deploy a Fully Responsive Modern UI/UX Website, React.js, Next.js 13, Tailwind CSS

nextjs
react
tailwind
screenshot of Uber

Build a full-stack Uber Clone Application with Expo’s latest features and lightning-fast edge-ready Postgres database in React Native.

screenshot of University Library Jsm

Learn to build a production-grade University Library Management System with industry-standard practices; from rate-limiting, DDoS protection, caching, optimizations, multi-media uploads, complex db queries, and advanced error handling to automated workflows with custom notifications.

nextjs
react
tailwind
drizzle-orm
neon
screenshot of Xora

Learn how to build and deploy a SaaS landing page with modern UI and mobile-first principles while strengthening your React.js and Tailwind CSS skills.

react
vite
tailwind
screenshot of Yc_directory

This project showcases the latest features of Next.js 15, including Next.js Form for seamless client-side form submissions, Unstable After for background tasks, Server Component HMR Cache for faster development, and Partial Prerendering for performance optimization.

nextjs
react
styled-components
tailwind
sanity
screenshot of Zoom Clone

Learn to develop a professional enterprise-ready video conferencing app in hours using Next.js 14, Stream, and Tailwind CSS.

nextjs
react
tailwind