{"id":14961187,"url":"https://github.com/codebucks27/wibe-studio","last_synced_at":"2025-06-24T21:32:22.173Z","repository":{"id":111552651,"uuid":"471338777","full_name":"codebucks27/wibe-studio","owner":"codebucks27","description":"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. ","archived":false,"fork":false,"pushed_at":"2024-10-29T08:44:06.000Z","size":16707,"stargazers_count":188,"open_issues_count":1,"forks_count":41,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-17T10:04:49.475Z","etag":null,"topics":["fashion","framer-motion","gsap","gsap-scrolltrigger","landing-page","locomotive-scroll","portfolio","portfolio-project","react","reactjs","styled-components","website","website-template"],"latest_commit_sha":null,"homepage":"https://wibe-studio.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codebucks27.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-03-18T11:17:41.000Z","updated_at":"2025-05-15T07:45:28.000Z","dependencies_parsed_at":"2024-10-29T09:49:35.754Z","dependency_job_id":null,"html_url":"https://github.com/codebucks27/wibe-studio","commit_stats":{"total_commits":39,"total_committers":2,"mean_commits":19.5,"dds":0.4871794871794872,"last_synced_commit":"91abb00b72fc62e2f433d2f1b4fce1bfa70f74b0"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codebucks27/wibe-studio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2Fwibe-studio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2Fwibe-studio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2Fwibe-studio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2Fwibe-studio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codebucks27","download_url":"https://codeload.github.com/codebucks27/wibe-studio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2Fwibe-studio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261759303,"owners_count":23205530,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["fashion","framer-motion","gsap","gsap-scrolltrigger","landing-page","locomotive-scroll","portfolio","portfolio-project","react","reactjs","styled-components","website","website-template"],"created_at":"2024-09-24T13:24:07.157Z","updated_at":"2025-06-24T21:32:22.143Z","avatar_url":"https://github.com/codebucks27.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🔥Build a Stunning Fashion Studio Website with React JS [ Locomotive Scroll + GSAP + Framer Motion ]\n\n![GitHub stars](https://img.shields.io/github/stars/codebucks27/wibe-studio-starter-files?style=social\u0026logo=ApacheSpark\u0026label=Stars)\u0026nbsp;\u0026nbsp;\n![GitHub forks](https://img.shields.io/github/forks/codebucks27/wibe-studio-starter-files?style=social\u0026logo=KashFlow\u0026\u0026label=Forks)\u0026nbsp;\u0026nbsp;\n![Github Followers](https://img.shields.io/github/followers/codebucks27.svg?style=social\u0026label=Follow)\u0026nbsp;\u0026nbsp;\u003cbr /\u003e\n\nThis repository contains final code for Fashion Studio Website in ReactJS. \u003cbr /\u003e\n\nView Demo👇: \u003cbr /\u003e\nhttps://wibe-studio.netlify.app/ \u003cbr /\u003e\n\ncheckout following **Tutorial** to learn👇: \u003cbr /\u003e\n\u003ca href=\"https://devdreaming.com/videos/build-stunning-fashion-studio-website-with-reactJS-locomotive-scroll-gsap\" target=\"_blank\"\u003e🔥Build a Stunning Fashion Studio Website with React JS\u003c/a\u003e ![YouTube Video Views](https://img.shields.io/youtube/views/Ra1Fsa9YJCk?style=social) \u003c/br \u003e\n\n[![YouTube Video Views](https://img.shields.io/youtube/views/Ra1Fsa9YJCk?style=social)](https://youtu.be/Ra1Fsa9YJCk)\u003cbr /\u003e\n\n\n### Images of The Fashion Studio Website:\n![HOME](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-Home-Desktop.png)\n![ABOUT](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-About-Desktop.png)\n![HOME](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-Home-Moblie.png)\n![ABOUT](https://github.com/codebucks27/wibe-studio-starter-files/blob/main/Wibe-About-Mobile.png)\n\n\n### Resources Used in This Project\n\nFonts: https://fontsource.org/ \u003cbr /\u003e\n\n### External Libraries used in this project: \n\n[styled-components](https://styled-components.com/docs/advanced) \u003cbr /\u003e\n[GSAP](https://greensock.com/gsap/) \u003cbr /\u003e\n[Framer-mMtion](https://www.framer.com/motion/) \u003cbr /\u003e\n[React-Locomotive-Scroll](https://www.npmjs.com/package/react-locomotive-scroll) \u003cbr /\u003e\n[Locomotive-Scroll](https://www.npmjs.com/package/locomotive-scroll) \u003cbr /\u003e\n\n### All The Resources Used in This Website Are from👇:\n\nWalking Girl Video:\u003cbr /\u003e\nVideo by cottonbro from Pexels [https://www.pexels.com/@cottonbro]\u003cbr /\u003e\n\nImages:\u003cbr /\u003e\n\nRing: Photo by Arif Syuhada from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@arifsyd15\u003cbr /\u003e\n\nRings: Photo by cottonbro from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@cottonbro\u003cbr /\u003e\n\nEarings: Photo by say straight from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@say-straight-1400349\u003cbr /\u003e\n\nWhite Tee:Photo by cottonbro from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@cottonbro\u003cbr /\u003e\n\nblack t-shirt girl: Photo by Lena Hsvl from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@lenaneva\u003cbr /\u003e\n\nRed girl: Photo by Yaroslava Borz from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@yaroslava-borz-126286496\u003cbr /\u003e\n\nEthnic Wear: Photo by Artem Beliaikin from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@belart84\u003cbr /\u003e\n\nSuit: Photo by Chloe from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@chloekalaartist\u003cbr /\u003e\n\ncap male: Photo by cottonbro from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@cottonbro\u003cbr /\u003e\n\nWatches: Photo by Mister Mister from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@bemistermister\u003cbr /\u003e\n\nDenim: Photo by Denis Zagorodniuc from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@imdennyz\u003cbr /\u003e\n\nJacket: Photo by Simon Robben from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@simon-robben-55958\u003cbr /\u003e\n\nYellow T-shirt:Photo by RAUL REYNOSO from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@raulkingr\u003cbr /\u003e\n\nYellow Dress: Photo by Godisable Jacob from Pexels\u003cbr /\u003e\nhttps://www.pexels.com/@godisable-jacob-226636\u003cbr /\u003e\n\n\n\n### Famous Quotes Used:\n\"Fashion is the armour to survive the reality of everyday life.\"\u003cbr /\u003e\n-- bill cunningham\n\n\"One is never over-dressed or under-dressed with a Little Black Dress.\" —Karl Lagerfeld\u003cbr /\u003e\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebucks27%2Fwibe-studio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodebucks27%2Fwibe-studio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebucks27%2Fwibe-studio/lists"}