Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.
https://github.com/codebucks27/wibe-studio

fashion framer-motion gsap gsap-scrolltrigger landing-page locomotive-scroll portfolio portfolio-project react reactjs styled-components website website-template

Last synced: 1 day ago
JSON representation

Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.

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 final code for Fashion Studio Website in ReactJS. 



View Demo👇: 


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



checkout following **Tutorial** to learn👇: 


🔥Build a Stunning Fashion Studio Website with React JS ![YouTube Video Views](https://img.shields.io/youtube/views/Ra1Fsa9YJCk?style=social) 



[![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).