https://github.com/lordelogos/gleamy-creative

An exploration on page transitions 🚀. Styled with SCSS, Animations with GSAP, Transitions with BarbaJS
https://github.com/lordelogos/gleamy-creative

animation barbajs gsap page-transitions transitions

Last synced: 4 days ago
JSON representation

An exploration on page transitions 🚀. Styled with SCSS, Animations with GSAP, Transitions with BarbaJS

• Host: GitHub
• URL: https://github.com/lordelogos/gleamy-creative
• Owner: lordelogos
• Created: 2023-03-07T23:00:34.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-07-11T12:32:53.000Z (almost 2 years ago)
• Last Synced: 2025-01-08T00:13:31.919Z (4 months ago)
• Topics: animation, barbajs, gsap, page-transitions, transitions
• Language: HTML
• Homepage: https://gleamy-creative.netlify.app/
• Size: 599 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# gleamy-creative

An exploration on page transitions using BarbaJS

🔗: [Gleamy creative](https://gleamy-creative.netlify.app/)

## Features

- Multi-page (Home, About, Services, Portfolio)

- Nav Menu animation on hover

- Styled with [`SCSS`](https://sass-lang.com/)

- Animations with [`GSAP`](https://greensock.com/gsap/)

- Page transitions with [`BarbaJs`](https://barba.js.org/)

- Built in [`Vite`](https://vitejs.dev/)

## Nav Menu animation

https://github.com/lordelogos/gleamy-creative/assets/67395687/e0445295-43a8-4825-b9a1-7f2be9d0f00e

## Screenshots

### Home![Screenshot 2023-07-11 at 13 02 37](https://github.com/lordelogos/gleamy-creative/assets/67395687/3435cfa7-ef00-4bc3-bbfa-1b55e726f01c)

### About![Screenshot 2023-07-11 at 13 02 47](https://github.com/lordelogos/gleamy-creative/assets/67395687/4190593f-131f-4bb2-a175-0254a34e88a6)

### Services![Screenshot 2023-07-11 at 13 02 57](https://github.com/lordelogos/gleamy-creative/assets/67395687/fc64e0a1-49fc-4126-9ac8-f95565bc0579)

### Portfolio![Screenshot 2023-07-11 at 13 03 06](https://github.com/lordelogos/gleamy-creative/assets/67395687/c16d10ed-3576-4ca6-bd3f-241361c89ec3)

## Author

- Paul Ehikhuemen ([@pauloe_me](https://twitter.com/pauloe_me))