Skip to content

FgrReloaded/Creative-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

16 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 Creative Frontend

Welcome to Creative Frontend, a repository where imagination meets code! This is the home of all my creative frontend projects, where I experiment with the power of HTML, CSS, and JavaScriptβ€”enhanced by animation libraries like GSAP and othersβ€”to craft stunning websites, interactive components, and engaging user experiences.


🌟 What's Inside?

This repo is a collection of projects that showcase my passion for frontend development. You'll find:

  • Interactive Websites: Beautifully designed web pages that bring ideas to life.
  • Animations & Effects: Smooth transitions, eye-catching effects, and dynamic interactions powered by GSAP and other libraries.
  • Experimentation Zone: Fun, experimental projects that push the boundaries of what's possible in the browser.

πŸš€ Features

  • ✨ Lightweight Code: Built using only basic HTML, CSS, and JavaScriptβ€”no heavy frameworks or libraries unless necessary.
  • 🎬 Dynamic Animations: Powered by GSAP, Three.js, and other cutting-edge tools for seamless animations.
  • πŸ’‘ Creative Concepts: Unique designs and innovative approaches to common frontend challenges.

πŸ“‚ Project Structure

Each project has its own folder containing:

  • index.html: The main entry point.
  • style.css: Stylesheet for styling the project.
  • script.js: JavaScript logic and animations.
  • assets/: Images, fonts, or other resources used in the project.

Example: /projects/ β”œβ”€β”€ project-name/ β”œβ”€β”€ index.html β”œβ”€β”€ style.css β”œβ”€β”€ script.js └── assets/ β”œβ”€β”€ image.png └── font.ttf


πŸ› οΈ Tech Stack

  • HTML5: Semantic markup for structure.
  • CSS3: Styling with Flexbox, Grid, and custom animations.
  • JavaScript (ES6+): Dynamic behavior and interactivity.
  • GSAP: For high-performance animations.
  • Other Libraries: Depending on the project, you might see Three.js, ScrollTrigger, Lottie, etc.

🌐 Live Demos

Most projects include live demos hosted on platforms like GitHub Pages, Netlify, or Vercel. Check out the links below to see them in action!


🀝 How to Contribute

While this is primarily a personal project repository, contributions are always welcome! Here's how you can help:

  1. Fork the Repo: Start by forking this repository.
  2. Create a Branch: Make your changes in a new branch.
  3. Submit a PR: Open a pull request describing your changes.

If you have an idea for a new project or want to improve an existing one, feel free to reach out or submit a PR!


πŸ“œ License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as you wish. See the LICENSE file for details.


πŸ“§ Contact Me

Have questions? Want to collaborate? Feel free to get in touch!


πŸ™Œ Support the Project

If you found this repository helpful, consider giving it a ⭐️ star! It motivates me to keep creating and sharing cool frontend projects.


Happy Coding! πŸš€βœ¨ Made with ❀️ by Nitish Singh

About

Resources

Stars

Watchers

Forks