---
title: "Discussion on \"How I Added Eye-Catching Animations to My Frontend Projects ✨\" | Hashnode"
description: "Discussion on \"How I Added Eye-Catching Animations to My Frontend Projects ✨\". Ever wondered how modern websites get those beautiful animations? Here's how I used Aceternity UI and GSAP to add interactive animations"
url: "https://hashnode.com/posts/how-i-added-eye-catching-animations-to-my-frontend-projects/6a7b16a0107e0fbe9f417c4e"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How I Added Eye-Catching Animations to My Frontend Projects ✨](https://hosein-mahmoudi.hashnode.dev/how-i-added-eye-catching-animations-to-my-frontend-projects?utm_source=hashnode&utm_medium=feed)

Ever wondered how modern websites get those beautiful animations? Here's how I used Aceternity UI and GSAP to add interactive animations

Aug 11 · 5 min read · hosein-mahmoudi.hashnode.dev  
Read the article

-   [#frontend-development](https://hashnode.com/tag/frontend-development)
-   [#css](https://hashnode.com/tag/css)
-   [#animation](https://hashnode.com/tag/animation)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#tailwind-css](https://hashnode.com/tag/tailwind-css)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#nextjs](https://hashnode.com/tag/nextjs)

## Written by

[Hosein Mahmoudi](https://hashnode.com/@hoseinmdev)

@hoseinmdev

  
[View profile](https://hashnode.com/@hoseinmdev)

💻 Frontend Developer ⚡ ReactJS • Next.js • TypeScript • GSAP • Tailwind CSS 🎯 Building clean, performant & responsive web experiences.

Front-end Developer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.