https://github.com/anyabravich/wibe-studio

🎓 I studied the work of gsap and framer motion using the example of creating a website
https://github.com/anyabravich/wibe-studio

framer-motion gsap react styled-components

Last synced: 5 days ago
JSON representation

🎓 I studied the work of gsap and framer motion using the example of creating a website

• Host: GitHub
• URL: https://github.com/anyabravich/wibe-studio
• Owner: anyabravich
• Created: 2023-02-10T12:47:01.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-03T19:30:42.000Z (4 months ago)
• Last Synced: 2024-09-07T06:26:59.032Z (4 months ago)
• Topics: framer-motion, gsap, react, styled-components
• Language: JavaScript
• Homepage: https://wibe-studio-six.vercel.app/
• Size: 17.5 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🔥Build a Stunning Fashion Studio Website with React JS [ Locomotive Scroll + GSAP + Framer Motion ]

![GitHub stars](https://img.shields.io/github/stars/codebucks27/wibe-studio-starter-files?style=social&logo=ApacheSpark&label=Stars)  

![GitHub forks](https://img.shields.io/github/forks/codebucks27/wibe-studio-starter-files?style=social&logo=KashFlow&&label=Forks)  

![Github Followers](https://img.shields.io/github/followers/codebucks27.svg?style=social&label=Follow)  


This repository contains starter code for Fashion Studio Website in ReactJS. 


View Demo👇: 


https://wibe-studio.netlify.app/ 


If you want to learn how to create it please follow below tutorial👇: 


https://youtu.be/Ra1Fsa9YJCk 


[![YouTube Video Views](https://img.shields.io/youtube/views/Ra1Fsa9YJCk?style=social)](https://youtu.be/Ra1Fsa9YJCk)


### Images of The Fashion Studio Website:

![HOME](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-Home-Desktop.png)

![ABOUT](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-About-Desktop.png)

![HOME](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-Home-Moblie.png)

![ABOUT](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-About-Mobile.png)

### Resources Used in This Project

Fonts: https://fontsource.org/ 


### External Libraries used in this project: 

[styled-components](https://styled-components.com/docs/advanced) 


[GSAP](https://greensock.com/gsap/) 


[Framer-mMtion](https://www.framer.com/motion/) 


[React-Locomotive-Scroll](https://www.npmjs.com/package/react-locomotive-scroll) 


[Locomotive-Scroll](https://www.npmjs.com/package/locomotive-scroll) 


### All The Resources Used in This Website Are from👇:

Walking Girl Video:


Video by cottonbro from Pexels [https://www.pexels.com/@cottonbro]


Images:


Ring: Photo by Arif Syuhada from Pexels


https://www.pexels.com/@arifsyd15


Rings: Photo by cottonbro from Pexels


https://www.pexels.com/@cottonbro


Earings: Photo by say straight from Pexels


https://www.pexels.com/@say-straight-1400349


White Tee:Photo by cottonbro from Pexels


https://www.pexels.com/@cottonbro


black t-shirt girl: Photo by Lena Hsvl from Pexels


https://www.pexels.com/@lenaneva


Red girl: Photo by Yaroslava Borz from Pexels


https://www.pexels.com/@yaroslava-borz-126286496


Ethnic Wear: Photo by Artem Beliaikin from Pexels


https://www.pexels.com/@belart84


Suit: Photo by Chloe from Pexels


https://www.pexels.com/@chloekalaartist


cap male: Photo by cottonbro from Pexels


https://www.pexels.com/@cottonbro


Watches: Photo by Mister Mister from Pexels


https://www.pexels.com/@bemistermister


Denim: Photo by Denis Zagorodniuc from Pexels


https://www.pexels.com/@imdennyz


Jacket: Photo by Simon Robben from Pexels


https://www.pexels.com/@simon-robben-55958


Yellow T-shirt:Photo by RAUL REYNOSO from Pexels


https://www.pexels.com/@raulkingr


Yellow Dress: Photo by Godisable Jacob from Pexels


https://www.pexels.com/@godisable-jacob-226636


### Famous Quotes Used:

"Fashion is the armour to survive the reality of everyday life."


-- bill cunningham

"One is never over-dressed or under-dressed with a Little Black Dress." —Karl Lagerfeld


This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).