Projects in Awesome Lists by codebucks27

https://github.com/codebucks27/next.js-developer-portfolio-starter-code

⭐Build a stunning portfolio website with Next.js, Tailwind CSS and Framer-motion. If you want to learn to create this you can follow the tutorial link given in the Read me file.

framer-motion framermotion next-js nextjs nextjs-starter nextjs-template portfolio portfolio-project portfolio-template portfolio-website react reactjs ssg tailwind-css tailwindcss website-development website-template

Last synced: 14 May 2025

https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code

⭐Build a stunning portfolio website with Next.js, Tailwind CSS and Framer-motion. If you want to learn to create this you can follow the tutorial link given in the Read me file.

framer-motion framermotion next-js nextjs nextjs-starter nextjs-template portfolio portfolio-project portfolio-template portfolio-website react reactjs ssg tailwind-css tailwindcss website-development website-template

Last synced: 16 Mar 2025

https://github.com/codebucks27/nextjs-tailwindcss-blog-template

⭐Build SEO optimized personal blog website with Next.js, Tailwind CSS and Contentlayer. If you want to learn to create this you can follow the tutorial link given in the Read me file.

blog blog-template blog-theme blog-website contentlayer markdown nextjs nextjs-blog nextjs-contentlayer nextjs-markdown-tailwind-blog nextjs-tailwind nextjs-template nextjs13 tailwindcss

Last synced: 15 May 2025

https://github.com/codebucks27/react-portfolio-final

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

beginner-project framer-motion frontend javascript portfolio portfolio-website react reactjs styled-components webdesign webdeveloper webdevelopment

Last synced: 15 May 2025

https://github.com/codebucks27/the-weirdos-nft-website-starter-code

Build a cool NFT Collection website landing page with React JS . This website is created using Gsap for cool scrolling and animation. If you want to learn how to create this website then you can follow below tutorial link in the ReadMe.

beginner-project gsap gsap-scrolltrigger gsap3 landing-page nft nft-gallery react react-hooks reactjs responsive scrolltrigger styled-components website-development website-template

Last synced: 08 Apr 2025

https://github.com/codebucks27/next.js-creative-portfolio-website

Interactive 3D Portfolio Website with Next.js, Three.js & Tailwind CSS | Checkout the tutorial link ⚡

ai-images emailjs framer-motion nextjs portfolio portfolio-website react-hook-form sonner tailwindcss threejs

Last synced: 16 May 2025

https://github.com/codebucks27/agency-website

Agency Landing Page. It is build on top of the React JS, with styled-components and GSAP for smooth scrolling animations. Create this awesome website in React by following the tutorial given in the readme file.

gsap parallax parallax-scrolling react reactjs responsive styled-components webdevelopment website youtube

Last synced: 12 Apr 2025

https://github.com/codebucks27/wibe-studio

Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.

fashion framer-motion gsap gsap-scrolltrigger landing-page locomotive-scroll portfolio portfolio-project react reactjs styled-components website website-template

Last synced: 24 Jun 2025

https://github.com/codebucks27/nextjs-contentlayer-blog

⭐Build SEO optimized personal blog website with Next.js, Tailwind CSS and Contentlayer. If you want to learn to create this you can follow the tutorial link given in the Read me file.

blog contentlayer contentlayer-nextjs markdown nextjs nextjs-13 nextjs-blog nextjs-starter nextjs-starter-blog nextjs-template nextjs13 tailwindcss webdevelopment website-template

Last synced: 07 Oct 2025

https://github.com/codebucks27/nextjs-creative-portfolio-starter-code-files

Interactive 3D Portfolio Website with Next.js, Three.js & Tailwind CSS | Checkout the tutorial link ⚡

ai-images emailjs framer-motion nextjs portfolio portfolio-website react-hook-form sonner tailwindcss threejs

Last synced: 04 Apr 2025

https://github.com/codebucks27/react-sidebar

Create awesome sidebar for your portfolio or any projects, It is build using ReactJs and styled-components. React router is already configured, Also it has page transition effect using framer-motion.

framer-motion navbar navigation pagetransition react react-router reactjs sidebar sidebar-menu sidebar-navigation

Last synced: 08 Jul 2025

https://github.com/codebucks27/react-responsive-navbar

Create responsive navbar with React Js. This navbar is responsive which means you can also use this in smaller devices like mobile / tablets. Follow the tutorial link given in the readme file to learn it.

navbar navbar-css navigation navigation-component navigationbar react reactjs

Last synced: 15 Oct 2025

https://github.com/codebucks27/react-portfolio-starter-code-files

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

beginner-project framer-motion frontend portfolio portfolio-website react reactjs styled-components webdesign webdeveloper webdevelopment

Last synced: 01 Sep 2025

https://github.com/codebucks27/React-Portfolio-starter-code-files

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

beginner-project framer-motion frontend portfolio portfolio-website react reactjs styled-components webdesign webdeveloper webdevelopment

Last synced: 04 Apr 2025

https://github.com/codebucks27/3d-landing-page-for-apple-iphone

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

animation-css gsap landing-page react reactjs rendering-3d-graphics scrolltrigger threejs threejs-example threejs-template webapp website-template

Last synced: 14 Apr 2025

https://github.com/codebucks27/react-redux-todo-app

Build a CRUD application with React and Redux. Use Redux toolkit to build this todo app with cool animations using framer-motion. If you want to learn it then you can follow the tutorial given in the readme file.

crud crud-application react react-redux reactjs redux redux-actions redux-store redux-toolkit todo todo-app todo-list todoapp todolist

Last synced: 26 Jul 2025

https://github.com/codebucks27/React-Redux-Todo-App

Build a CRUD application with React and Redux. Use Redux toolkit to build this todo app with cool animations using framer-motion. If you want to learn it then you can follow the tutorial given in the readme file.

crud crud-application react react-redux reactjs redux redux-actions redux-store redux-toolkit todo todo-app todo-list todoapp todolist

Last synced: 04 Apr 2025

https://github.com/codebucks27/pictoria-ai-starter-code

Transform your photos with the power of AI! Pictoria AI is your ultimate solution for creating/generating professional AI-generated photos, similar to the popular PhotoAI platform. Perfect for LinkedIn headshots and professional portraits. Train AI model on your personal images and generate stunning images.

ai ai-saas ai-saas-application flux flux-dev fullstack nextjs photo-ai replicate replicate-api saas saas-application saas-boilerplate stripe supabase

Last synced: 25 Jul 2025

https://github.com/codebucks27/wibe-studio-starter-files

Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.

fashion framer-motion gsap gsap-scrolltrigger landing-page locomotive-scroll portfolio portfolio-project react reactjs styled-components website website-template

Last synced: 14 Apr 2025

https://github.com/codebucks27/devto-clone

build a Clone with React. Create this awesome devto clone with React using styled-components. Learn to fetch API and render different articles of dev.to

api clone dev-to devcommunity devto fetch fetch-api react reactjs

Last synced: 19 Jul 2025

https://github.com/codebucks27/react-weather-app

Build a weather app in ReactJs using open weather API

api openweather-api react reactjs weather-app

Last synced: 06 Apr 2025

https://github.com/codebucks27/cryptobucks-final-code

⭐Build Feature Rich Crypto Screener App with React JS and Tailwind CSS. This App is created with context API, react-router and Cryptocurrency APIs. If you want to learn to create this you can follow the tutorial link given in the Read me file. crypto-

context-api cryptocurrency cryptocurrency-price-ticker cryptocurrency-website react react-hooks react-router reactjs tailwind-css tailwindcss web-application webapp webdevelopment website-design website-template

Last synced: 09 Apr 2025

https://github.com/codebucks27/apple-iphone-3d-landing-page-starter-code

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

animation-css creative-coding gsap gsap-scrolltrigger javascript landing-page react reactjs rendering-3d-graphics scrolltrigger styled-components threejs website-template

Last synced: 14 Apr 2025

https://github.com/codebucks27/smooth-scroll-next.js

Implement smooth scrolling in Next.js with the help of Lenis scroll and add parallax effect using GSAP.

gsap gsap-scrolltrigger gsap3 lenis nextjs parallax parallax-effect parallax-scrolling smooth-scroll smooth-scrolling

Last synced: 21 Aug 2025

https://github.com/codebucks27/react-job-listing-website

Create Job listing website in React with functionalities like searching, sorting and filtering.

filter react reactjs search sorting styled-components website

Last synced: 14 Apr 2025

https://github.com/codebucks27/cryptobucks-a-crypto-screener-application

⭐Build Feature Rich Crypto Screener App with React JS and Tailwind CSS. This App is created with context API, react-router and Cryptocurrency APIs. If you want to learn to create this you can follow the tutorial link given in the Read me file.

context-api crypto-screener cryptocurrency dashboard intl react react-hooks react-router react-router-dom reactjs recharts tailwind-css tailwindcss website-development

Last synced: 21 Aug 2025

https://github.com/codebucks27/react-pagination-component

Create custom pagination from scratch with React JS. Follow the tutorial link in the readme file to learn it.

pagination pagination-component pagination-functionality react reactjs

Last synced: 14 Apr 2025

https://github.com/codebucks27/ai-powered-twitter-bio-generator

AI powered twitter Bio Generator built Using Next.js and Groq | Shadcn | Llama 3

ai-applications bio-generator genai generative-ai groq-ai llm-application llm-apps magic-ui nextjs shadcn-ui vercel-ai-sdk

Last synced: 14 Apr 2025

https://github.com/codebucks27/reactjs-hamburger-menu

Create Hamburger menu with React JS from scratch. Learn to build this animated hamburger menu by following the link given in the readme file.

hamburger hamburger-button hamburger-icon hamburger-menu hamburger-menu-icon menu react reactjs

Last synced: 14 Apr 2025

https://github.com/codebucks27/reactjs-text-editor

Build text-editor in React JS. Learn to create this text editor with React by following the tutorial link given in the readme file.

react reactjs text-editor texteditor

Last synced: 14 Apr 2025

https://github.com/codebucks27/react-form-component

A custom hook which will be used to handle form inputs and validate them. This hook is reusable so you can use it anywhere in your project or in other projects as well.

form form-validation formhandling forms hooks react reactforms reacthooks reactjs useform-hooks

Last synced: 14 Apr 2025

https://github.com/codebucks27/codebucks27

Create beautiful GitHub profile. Clone this repo and create your own cool github profile readme file.

github github-profile github-profile-readme readme readme-profile readme-template

Last synced: 14 Apr 2025

https://github.com/codebucks27/reactjs-rock-paper-scissors-game

Create rock paper and scissors game with ReactJs and build cool UI. Learn to create this by following the tutorial from the readme file.

game react reactjs rock-paper-scissors sass styled-components webapp webgame

Last synced: 14 Apr 2025

https://github.com/codebucks27/react-loading-screen

Create different types of cool loading screens or loading indicator with ReactJs. Follow the tutorial link in the readme file.

css css3 loading loading-indicator loading-indicators loading-screen loading-spinner preloader react reactjs

Last synced: 14 Apr 2025

https://github.com/codebucks27/react-tutorials

Learn React JS with simple explanation and easy examples.

react reactjs

Last synced: 14 Apr 2025

https://github.com/codebucks27/react-reusable-components

This repository contains React Reusable components. You can learn to create these components from here: https://www.youtube.com/channel/UCeYt6blRBKuNrEg_-282fSA/

components modal react react-components react-hooks reactjs reusable-components webdevelopment

Last synced: 13 Jul 2025

https://github.com/codebucks27/weather-forecast-website

Last synced: 16 Aug 2025

https://github.com/codebucks27/deep-research-ai-agent

Build a powerful Deep Research AI agent like Gemini or ChatGPT. Using Next.js, Vercel AI SDK, and Exa Search API, An intelligent system that generates follow-up questions, crafts optimal search queries, and compiles comprehensive research reports.

ai ai-agent ai-agents chatgpt deep-research deep-search deepseek exa-search gemini nextjs openai openrouter shadcn-ui tailwindcss vercel-ai-sdk