{"id":21721484,"url":"https://github.com/vansh-codes/chaosweb","last_synced_at":"2026-03-05T02:32:18.539Z","repository":{"id":257942256,"uuid":"864236899","full_name":"vansh-codes/ChaosWeb","owner":"vansh-codes","description":"Everything is chaotic here!!","archived":false,"fork":false,"pushed_at":"2025-01-09T18:07:43.000Z","size":36629,"stargazers_count":24,"open_issues_count":5,"forks_count":72,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-09T07:14:00.701Z","etag":null,"topics":["chaosweb","gssoc24","gssoc24extd","hacktoberfest","hacktoberfest-accepted","swoc","swoc-25","ui-experiment"],"latest_commit_sha":null,"homepage":"https://chaosweb.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vansh-codes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["vansh-codes"]}},"created_at":"2024-09-27T18:49:04.000Z","updated_at":"2025-07-31T05:55:28.000Z","dependencies_parsed_at":"2025-05-18T12:06:35.377Z","dependency_job_id":"75073487-e60d-4684-b378-5b0af0ac4cbe","html_url":"https://github.com/vansh-codes/ChaosWeb","commit_stats":null,"previous_names":["vansh-codes/chaosweb"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vansh-codes/ChaosWeb","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FChaosWeb","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FChaosWeb/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FChaosWeb/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FChaosWeb/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vansh-codes","download_url":"https://codeload.github.com/vansh-codes/ChaosWeb/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FChaosWeb/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30107211,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T01:39:18.192Z","status":"online","status_checked_at":"2026-03-05T02:00:06.710Z","response_time":93,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["chaosweb","gssoc24","gssoc24extd","hacktoberfest","hacktoberfest-accepted","swoc","swoc-25","ui-experiment"],"created_at":"2024-11-26T02:17:08.836Z","updated_at":"2026-03-05T02:32:18.507Z","avatar_url":"https://github.com/vansh-codes.png","language":"JavaScript","funding_links":["https://github.com/sponsors/vansh-codes"],"categories":[],"sub_categories":[],"readme":"# 😵‍💫🌀ChaosWeb: The Disorderly UI Experiment\n\nWelcome to **ChaosWeb** — a web design experiment where nothing behaves as it should, and everything is delightfully out of order! If you’re tired of the conventional and predictable nature of websites, **ChaosWeb** offers a creative break from the norm with unpredictable navigation, bizarre sliders, and a world where scrolling defies gravity.\n\n\u003cimg src=\"https://github.com/user-attachments/assets/97e1f5c1-a235-4d91-b17d-8ba30d610b50\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\n## 🚀 What is ChaosWeb?\n\n\u003cimg src=\"https://github.com/user-attachments/assets/6e2e9576-adec-4755-8dc7-89879defe43e\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\n**ChaosWeb** is a quirky and deliberately chaotic HTML, CSS, and JavaScript website project designed to challenge the norms of web design. It’s a place where everything is intentionally messy and unpredictable. The goal isn’t usability, but rather to create an anti-UI experience that’s confusing, frustrating, yet strangely fun to explore.\n\n## 📈 GitHub Repository Stats\n\n| 🌟 **Stars**                                                              | 🍴 **Forks**                                                       | 🐛 **Issues**                                                                     | 🔔 **Open PRs**                                                                             | 🔕 **Closed PRs**                                                                               | 🛠️ **Languages**                                                                              | ✅ **Contributors**                                                                           |\n| ------------------------------------------------------------------------- | ------------------------------------------------------------------ | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |\n| ![GitHub stars](https://img.shields.io/github/stars/vansh-codes/ChaosWeb) | ![forks](https://img.shields.io/github/forks/vansh-codes/ChaosWeb) | ![issues](https://img.shields.io/github/issues/vansh-codes/ChaosWeb?color=32CD32) | ![pull requests](https://img.shields.io/github/issues-pr/vansh-codes/ChaosWeb?color=FFFF8F) | ![Closed PRs](https://img.shields.io/github/issues-pr-closed/vansh-codes/ChaosWeb?color=20B2AA) | ![Languages](https://img.shields.io/github/languages/count/vansh-codes/ChaosWeb?color=20B2AA) | ![Contributors](https://img.shields.io/github/contributors/vansh-codes/ChaosWeb?color=00FA9A) |\n\n## 🤯 Example Features of the Chaos:\n\n\u003cimg src=\"https://github.com/user-attachments/assets/d9a07d64-bb66-466d-b908-bde4d6ab79e2\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\n- **Unreliable Navbar:** Click on a menu item, and watch as a completely unrelated dropdown opens up.\n- **Reverse Scrolling:** Scroll vertically to see horizontal movement, and horizontally to scroll vertically. Nothing is as it seems!\n- **Slider Madness:** Navigate through the website using a custom-built slider instead of the standard browser scrollbar.\n- **Displaced Clicks:** Random elements react to your clicks, but not the ones you expect.\n- **Distorted UI Elements:** Watch buttons, dropdowns, and sliders randomly change positions and behavior.\n- **Wierd Animations**: Animations that are sick to watch.\n- **Misleading Animations:** Hover effects and animations that lead your cursor astray.\n- **Hidden Secrets:** Easter eggs of disorder await the most curious adventurers.\n\n## 🤹‍♂️ The Experience\n\n\u003cimg src=\"https://github.com/user-attachments/assets/c1b8c97a-fbed-41ee-a7ec-20b55c554291\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\nChaosWeb is not about smooth navigation or polished interfaces. It’s about creating a chaotic user journey full of surprises, designed to subvert your expectations. Users will find themselves laughing, confused, and maybe even a bit annoyed, as they explore the mess.\n\n## 💪 Outreach\n\n\u003cimg src=\"https://github.com/user-attachments/assets/7702b9b7-4398-4de7-a8f1-31bf62dca311\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\nChaosWeb is proudly part of global initiatives engaging with passionate developers and open-source enthusiasts worldwide:\n\n \u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eName\u003c/th\u003e\n    \u003cth\u003eLogo\u003c/th\u003e\n    \u003cth\u003ePurpose\u003c/th\u003e\n  \u003c/tr\u003e\n\u003c!--   \u003ctr\u003e\n    \u003ctd\u003eProduct Hunt\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://www.producthunt.com/posts/helpops-hub?embed=true\u0026utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-helpops\u0026#0045;hub\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=491182\u0026theme=light\" alt=\"HelpOps\u0026#0045;hub - Ensuring\u0026#0032;You\u0026#0032;Never\u0026#0032;Get\u0026#0032;Stuck\u0026#0032;In\u0026#0032;DevOps\u0026#0032;Again\u0026#0033; | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e A platform where people launch different kind of products/projects and share them with the community \u003c/td\u003e\n  \u003c/tr\u003e --\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eGSSoC'2024-Extd \u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://gssoc.girlscript.tech/project\"\u003e\u003cimg src=\"https://github.com/user-attachments/assets/1bd8ab15-604e-4ac9-a33e-dc753a07be23\" alt=\"GirlScriptSummerOfCode\"\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e The coding period is from October 1st to October 30th, during which contributors make contributions and earn points on the platform.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eHacktoberfest 2024 \u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://hacktoberfest.com/\" \u003e\u003cimg src=\"https://github.com/user-attachments/assets/484d4816-e493-4c5f-ae96-db7d764f704d\" width=\"200\" height=\"auto\" loading=\"lazy\" alt=\"Hacktoberfest 2024\"/\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e Hacktoberfest is a month-long October event welcoming all skill levels to join the open source community \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctd\u003eSWOC 2024\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://www.socialwinterofcode.com/\" \u003e\u003cimg src=\"https://github.com/user-attachments/assets/eb175a0d-a4c4-4380-a971-fffb23288002\" width=\"200\" height=\"auto\" loading=\"lazy\" alt=\"SWOC 2024\"/\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e Social Winter of Code introduces participants to open source through projects, mentorship, and workshops on development, AI, Web3, and more. \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## ✨ Project Structure\n\nCheck the project structure here [Project Structure](PROJECT_STRUCTURE.md) and choose where to start with spreading chaos.\n\n## 💥Live Preview:\n\n**[Chaos web🚀](https://chaosweb.vercel.app/)**\n\n## 🛠️ Tech Stack\n\n\u003cimg src=\"https://github.com/user-attachments/assets/94ddf790-355c-4d53-a18c-1da8fd4e86e8\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\n- **REACT**: Use React for Chaos\n- **HTML**: The foundation of the chaos.\n- **CSS**: Styles that never behave as you’d expect.\n- **JavaScript**: Bringing the madness to life with unpredictable interactions.\n\n## 🎯 Purpose\n\n \u003cimg src=\"https://github.com/user-attachments/assets/901fe5f6-5a9a-4da4-9ae2-c4b9c143a39a\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\nThis project serves as an exploration of **anti-user experience (anti-UX)** and the deliberate breakage of web design rules. It's a playground for developers to experiment with unusual UI/UX patterns, break away from the ordinary, and perhaps learn something new by going against the grain.\n\n## 🧪 How to Install \u0026 Run\n\n \u003cimg src=\"https://github.com/user-attachments/assets/6c639003-5011-405c-950a-785200be935d\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\n1. **Clone the Repository**:\n\n   ```bash\n   git clone https://github.com/YourUsername/ChaosWeb.git\n   ```\n\n2. **Navigate to the project directory**:\n\n   ```bash\n   cd ChaosWeb\n   cd chaosweb-v@2\n\n   ```\n\n3. **Open in Browser**:\n   Run `npm run dev` in your preferred web browser and enjoy the chaos!\n\n## 🚧 Future Features\n\n \u003cimg src=\"https://github.com/user-attachments/assets/29e5e302-d215-4312-81dc-b5ddaad94cdc\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n \n- **Randomized Element Movement**: Elements that float, drift, and change positions as you scroll.\n- **Inverted Controls**: Buttons that do the opposite of what you think they will.\n- **Mystery Popups**: Popups that appear and disappear at random, leaving users puzzled.\n- **More Easter Eggs**: Add hidden interactions that will reward curious users.\n\n## 🤝 Contributing\n\n \u003cimg src=\"https://github.com/user-attachments/assets/38882eb1-cac3-41b5-90d2-acf08efbd549\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\nIf you have ideas to make ChaosWeb even more chaotic, feel free to cerate an issue, fork the repo and submit a pull request! Let’s make the internet messy together.\nCreate issue: [new issue](https://github.com/vansh-codes/ChaosWeb/issues/new/choose)\nCreate pull request: [new pull request](https://github.com/vansh-codes/ChaosWeb/compare)\n\n## ❓ Have Doubts\n\n  \u003cimg src=\"https://github.com/user-attachments/assets/761e4b39-8eab-4ef4-a3d9-b575e05a465b\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n  \n### 🙋‍♂️Raise discussion here: [raise a discussion](https://github.com/vansh-codes/ChaosWeb/discussions)\n\n## 🔥 Why Build This?\n\n\u003cimg src=\"https://github.com/user-attachments/assets/2ec096cf-b881-4c43-8727-18a332bc86ff\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\nBecause sometimes, breaking the rules is fun. **ChaosWeb** is a way to shake off the constraints of traditional web design and embrace the joy of unpredictability. If you’re a developer looking to play around with unconventional ideas, this is the perfect sandbox for you.\n\n**Have fun exploring the chaos of the web!**\nShow some ❤️ by ⭐ the repository!\n\n### 📜License\n\nThis project is licensed under the [MIT LICENSE](./LICENSE).\n\n\u003cdiv\u003e\n  \u003ch2\u003e\u003cimg src=\"https://fonts.gstatic.com/s/e/notoemoji/latest/1f497/512.webp\" width=\"35\" height=\"35\"\u003e Contributors\u003c/h2\u003e\n\u003c/div\u003e\n\n\u003cimg src=\"https://github.com/user-attachments/assets/f5b5e64a-a16e-4303-82d8-c9215026f37a\" height=200  width=300 alt=\"ChaosWeb\"/\u003e\n\nThank you for contributing to our project! Your help is greatly appreciated in making BasicNative even better. 😊\n\n\u003ccenter\u003e\n\u003ca href=\"https://github.com/vansh-codes/ChaosWeb/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=vansh-codes/ChaosWeb\" /\u003e\n\u003c/a\u003e\n\u003c/center\u003e\n\n![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)\n\n## Stargazers\n\n\u003cdiv align='left'\u003e\n\n[![Stargazers repo roster for @vansh-codes/ChaosWeb](https://reporoster.com/stars/dark/vansh-codes/ChaosWeb)](https://github.com/vansh-codes/ChaosWeb/stargazers)\n\n\u003c/div\u003e\n\n## Forkers\n\n[![Forkers repo roster for @vansh-codes/ChaosWeb](https://reporoster.com/forks/dark/vansh-codes/ChaosWeb)](https://github.com/vansh-codes/ChaosWeb/network/members)\n\n![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvansh-codes%2Fchaosweb","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvansh-codes%2Fchaosweb","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvansh-codes%2Fchaosweb/lists"}