Skip to content

πŸš€This is a **modern, animated website template** built with **Tailwind CSS**, perfect for showcasing products, blogs, and more. Featuring a **green & black theme**, smooth **background animations**, and a **responsive design** that looks amazing on any device. Designed for **high-quality GitHub projects** and easy customization. ✨

License

Notifications You must be signed in to change notification settings

danialsource/Tailwindtemplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŒΏπŸ–€ Green & Black Tailwind Website πŸ–€πŸŒΏ

A sleek, modern website template with a green & black theme, featuring an animated background, Hero section, Shop, Blog, and Login modal. Built with TailwindCSS & vanilla JavaScript, fully responsive and ready to deploy! πŸš€

🌐 Live Demo


πŸ—‚ Project Structure

Tailwindtemplate/
β”œβ”€ index.html # Main HTML file
β”œβ”€ style.css # Tailwind + custom CSS
β”œβ”€ script.js # JS for modal & animations
β”œβ”€ LICENSE # MIT License
β”œβ”€ README.md # Project documentation
β”œβ”€ pics/
β”‚ └─ images/ # Hero, product, blog images

✨ Features

  • Fully responsive layout πŸ“±πŸ’»
  • Hero section with animated background 🌌
  • Shop section with product cards πŸ›’
  • Blog section with card layout πŸ“
  • Login modal popup πŸ”
  • Modern green & black color scheme πŸŒΏπŸ–€
  • Smooth hover animations & transitions ✨
  • TailwindCSS ready for customization 🎨

⚑ Installation

  1. Clone the repository
git clone https://github.com/danialsource/Tailwindtemplate.git
  1. Build Tailwind
npx tailwindcss -i ./style.css -o ./output.css --watch

Open index.html

open index.html

πŸ›  Usage

. Edit index.html to change content ✏️

. Update images in pics/images/ πŸ–Ό

Modify script.js for animations or modal behavior 🎬

πŸ“œ License

MIT License.

Made with ❀️ & 🌿 by Danialsource

About

πŸš€This is a **modern, animated website template** built with **Tailwind CSS**, perfect for showcasing products, blogs, and more. Featuring a **green & black theme**, smooth **background animations**, and a **responsive design** that looks amazing on any device. Designed for **high-quality GitHub projects** and easy customization. ✨

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published