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
The original tutorial code (Create React App + React 17) has been modernized:
- Build tool: Migrated from
create-react-app(react-scripts) to Vite for instant startup and fast HMR. - Package manager: Switched to bun.
- React:
17.x→19.x(uses the newcreateRootAPI). - Routing:
react-router-dom6.x→7.x. - Animation:
framer-motion6.x→12.x(replaced removedyoyowithrepeat/repeatType). - Styling:
styled-components5.x→6.x(custom DOM props converted to transient$props). - Fonts:
@fontsource/*4.x→5.x. - Removed CRA-only files (
reportWebVitals,setupTests,manifest.json, default logos, test boilerplate).
Looking for the original tutorial code? Check out the pre-update commit:
f256a87.
bun install
bun run dev # start dev server at http://localhost:3000
bun run build # production build to ./build
bun run preview # preview the production buildFonts: https://fontsource.org/
styled-components
GSAP
Framer-mMtion
React-Locomotive-Scroll
Locomotive-Scroll
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
"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