codebucks27

Helping you to learn code! here you'll find tutorials that help in web development. and tons of good code stuff. Let's learn & Keep Coding...

Pinned Repositories

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.
Language:JavaScript199 2 069
AI-Powered-Twitter-Bio-Generator
AI powered twitter Bio Generator built Using Next.js and Groq | Shadcn | Llama 3
Language:TypeScript20 1 17
Next.js-Creative-Portfolio-Website
Interactive 3D Portfolio Website with Next.js, Three.js & Tailwind CSS | Checkout the tutorial link ⚡
Language:JavaScript267 4 192
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.
Language:CSS853 10 5468
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.
Language:MDX143 3 288
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.
Language:MDX542 4 5207
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.
Language:TypeScript234
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
Language:JavaScript387 3 1123
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.
Language:JavaScript360 3 4217
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.
Language:JavaScript160 2 140

codebucks27's Repositories

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.
Language:CSS853 10 5468
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.
Language:MDX542 4 5207
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
Language:JavaScript387 3 1123
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.
Language:JavaScript360 3 4217
codebucks27/Next.js-Creative-Portfolio-Website
Interactive 3D Portfolio Website with Next.js, Three.js & Tailwind CSS | Checkout the tutorial link ⚡
Language:JavaScript267 4 192
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.
Language:JavaScript199 2 069
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.
Language:JavaScript160 2 140
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.
Language:MDX143 3 288
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.
Language:JavaScript118 4 153
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.
Language:JavaScript110 3 180
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
Language:JavaScript107 3 163
codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files
Interactive 3D Portfolio Website with Next.js, Three.js & Tailwind CSS | Checkout the tutorial link ⚡
Language:JavaScript102 3 163
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.
Language:JavaScript73 4 045
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.
Language:JavaScript66 2 023
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-
Language:JavaScript53 3 021
codebucks27/React-Weather-app
Build a weather app in ReactJs using open weather API
Language:JavaScript52 2 059
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.
Language:JavaScript46 2 120
codebucks27/Smooth-Scroll-Next.js
Implement smooth scrolling in Next.js with the help of Lenis scroll and add parallax effect using GSAP.
Language:JavaScript46 2 06
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.
Language:JavaScript37 2 014
codebucks27/react-pagination-component
Create custom pagination from scratch with React JS. Follow the tutorial link in the readme file to learn it.
Language:JavaScript29 2 026
codebucks27/AI-Powered-Twitter-Bio-Generator
AI powered twitter Bio Generator built Using Next.js and Groq | Shadcn | Llama 3
Language:TypeScript20 1 17
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.
Language:JavaScript19 2 07
codebucks27/codebucks27
Create beautiful GitHub profile. Clone this repo and create your own cool github profile readme file.
16 3 024
codebucks27/React-Loading-Screen
Create different types of cool loading screens or loading indicator with ReactJs. Follow the tutorial link in the readme file.
Language:JavaScript13 2 022
codebucks27/React-Tutorials
Learn React JS with simple explanation and easy examples.
Language:JavaScript10 2 04
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/
Language:SCSS8 2 012
codebucks27/React-sliding-signin-signup-form
Create cool login / register form with React JS.
Language:JavaScript4 2 02
codebucks27/React-Todo-app
Create TODO app in React Js.
Language:JavaScript4 2 015
codebucks27/medusa-plugin-resend
Language:JavaScript1 0
codebucks27/pagination-app
Language:JavaScript1 01